Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to SafariWhen comparing Bootstrap vs Photoshop, the Slant community recommends Bootstrap for most people. In the question“What are the best web design tools?” Bootstrap is ranked 12th while Photoshop is ranked 19th. The most important reason people chose Bootstrap is:
The grid layout with the predefined CSS elements and JavaScript components make it easier to have consistency across different browser versions and even different devices.
Specs
Question Ranking
Pros
Pro Consistency across browsers
The grid layout with the predefined CSS elements and JavaScript components make it easier to have consistency across different browser versions and even different devices.
Pro Responsive design philosophy
Bootstrap is developed to be instantly compatible with all sizes of screens, so you don't have to worry about which device the user is accessing your site from. Yet if you prefer, you can disable responsiveness of Bootstrap.
Pro Well documented
Documentation is thorough, well organized and full of live examples and templates ready for use. Every component and every part of the framework is explained and covered in depth.
Pro Custom builds
If you don't want to download the full Bootstrap framework. Custom builds of Bootstrap can be created, including only the desired CSS, CSS components, and JavaScript components. This can be done directly from the Bootstrap website by simply choosing what components to download.
Pro Designed to get a site running quickly
Bootstrap is designed to get a site up and running quickly. Each of it's components is pre-configured to help with getting a site up and running quickly.
Pro Great community
Bootstrap is very popular and has a large community. As a result of this it is much easier to find help with anything you might need. This also gives you a treasure trove of prebuilt components to use and add to your site.
Pro Supports responsive embeds
Allows easily adding responsiveness to <iframe>, <embed>, and <object> elements.
Pro Easily make professional looking websites
Bootstrap makes it easy to learn how to make professional looking websites. It can even make code junkies semi-enjoy design.
Pro Customizable
Bootstrap can be customized in a variety of ways. Either by overriding the default CSS styles with new CSS styles or by editing the .scss Bootstrap files.
Pro A wide variety of themes available
To help you avoid the "Bootstrap look", there are many resources that provide a great selection of themes and templates for Bootstrap.
Pro One of the most popular ones
Ranked on GitHub as the most starred CSS repository.
Pro Industry standard
Photoshop is used by professionals everywhere in a wide variety of fields including photography, graphic design and digital art. It is the de facto standard for image manipulation. If you've seen a magazine ad featuring a model, you've probably seen the effects of Photoshop. You won't be alone when using Photoshop.
Pro Trove of plugins that extend functionality are available
A wide variety of plugins that add new effects, improve existing functionality and simplify workflow are available.
Pro Lots of tutorials
There's a huge number of both free and paid tutorials available online. Websites like Lynda.com offer premium high-quality, in-depth tutorials, but there are plenty of free alternatives to be found on YouTube, blogs and specialized sites on the Internet.
Pro A cheaper, standalone version called Photoshop Elements is available
A stripped down version of Photoshop, called Photoshop Elements can be bought as a standalone application for $100.
Pro Includes powerful content-aware tools
Photoshop includes content-aware tools such as content-aware fill that can fill in a select area based on what surrounds it.
Pro Packs a staggering amount of functionality
Photoshop is the most fully featured image editing software available today allowing you to perform highly advanced image manipulation.
It has tools for RAW image adjustments, lens correction, retouching, image stitching, HDR, fixing framing. It supports most professional color modes and file formats. It includes extensive lists of filters, styles, effects, fonts as well as tools for painting, sketching and typography work. It understands both raster and vector graphics. It even includes tools for video editing, working with 3D objects and support for 3D printing.
Pro Integrates with Creative Cloud
You can save all projects directly to the Creative Cloud allowing you to access them from any device and with any relevant Adobe software.
Pro Creative Cloud Photography subscription includes Lightroom
Lightroom is another image editing software from Adobe that's specifically designed for photo editing and managing of large quantities of digital images.
Pro Mobile companion apps available
There's a free mobile app available for iOS, Android & Windows Phone.
Cons
Con Large file size out of the box
Bootstrap has an out-of-the box filesize of ~276K, which is pretty large considering it's just CSS. Most of those styles aren't even used in 90% of web pages built with Bootstrap. By only including the required styles it can be trimmed by 70%-75%.
Con Too many classes
Bootstrap's over-reliance on HTML classes for styling can get very messy very quickly. There's also an overabundance of DOM elements which have a lot of classes and are more often than not nested inside DOM elements with even more classes. This gets problematic down the line because the maintainability of the project gets harder when the project starts to get large.
Con Websites can start to look the same
If the initial Bootstrap colors and styles are not changed or edited, different websites start looking the same even if they have nothing to do with each other and they are made by different developers.
Con Hard to customise
It's quite hard to customise Bootstrap using pre-processors like SASS and LESS, the only real flexibility is with typography and colours.
Con Large font sizes
Con Expensive
The standalone version of Photoshop costs $19.99/month, though it can be leased as part of the Creative Cloud Photography bundle that includes Lightroom for $9.99/month.
Con Latest versions of Photoshop are subscription-only
While you can still buy CS6 from 2012 without needing a subscription by contacting Adobe support or the cut-down Photoshop Elements, any full-version version of Photoshop past CS6 requires a subscription.
Con Learning it can take some time
While you can relatively quickly learn how to perform a few basic image editing tasks, understanding Photoshop's ins and outs can be difficult. It's partially due to the sheer amount of functionality that Photoshop packs (and understanding that some of the advanced functionality can take a while to understand on its own), and partially due to it being aimed at professionals with little hand-holding for novice users.
Con Very slow
It needs a very power CPU and GPU and many GBs of RAM and still it is so slow.
Con Stop paying, it vaporises
With Adobes adaptation of the "subscription world" PhotoShop too is available as subscription software only. This means it will never become yours. And if you stop paying, you won't have any PhotoShop any more. Whether you are OK with that or not, it also means that PhotoShop for a large part becomes software for those "who can afford it". Or "push cost to others". Like customers of professionals. Which is also a way to become an "industry standard".
Con Affinity Photo is just as good at a fraciton of the price
Switching from Photoshop to Affinity Photo and it's hard to notice the difference quality of a professional's work. They say that PS is the industry standard, but so very few pros that tried Affinity Photo ever look back.
Con Not good enough to be so expensive
Probably the only big advantage Photoshop has over the other free software is the adjustment layers. But still too expensive for just one feature.
Con Batch editing of images is not straightforward
Photoshop is designed to work extensively on one image at a time and while batch editing support exists, it's not that intuitive to use.
Con Asset management capabilities are lacking
In Photoshop asset management is done through a separate program called Bridge. As Bridge is supposed to be a file management tool for not just Photoshop's files, but for files generated by all of Adobe's applications it covers a breadth of capabilities, but not depth.
