New answers tagged resolution
We recently did a comparison of major file optimization apps - https://www.oss-usa.com/blog/faster-sites-are-way-better-slower-sites While Photoshop can do file optimization, it is not the ideal tool to get it done - there are specific add ons and free services that can get the job done even better.
Interestingly, you could create a design with 72dpi and when done, flatten all layers, then rasterise. This reduces the image 60% more. I found this solution from self discovery, it works.
I just tested two copies of an image that I made with Photoshop. However I set one at 72 dpi and the other at 720 dpi to see if any of the browsers I use would render them different sizes on the screen. On all browsers except one, they looked identical - size-wise and quality-wise. However, with the use of Google Chrome, the one made at 72 looked fine, ...
One option, which many have missed, is that often UI shots are recreated to allow customization for marketing materials. It is entirely possible that what you believe to be a screen shot, is not a screen shot at all, but rather a carefully crafted image on its own.
There's no reason why you shouldn't be able to save the image as a JPEG (unless your machine has considerably less grunt than the Atom-based netbook with 2GB RAM I just used to save a Ps document of that size as a JPEG), provided that it's flat, 8-bit and you've selected "Baseline". (Baseline optimized and progressive take more memory to process the ...
You should avoid high fidelity static mock ups for this very reason. Responsive web design isn't about designing a desktop version, then a mobile version, and then hoping they work together. It's about designing one version, and then adjusting as needed in both directions. Now, I realize that is the ideal, and we rarely work in the ideal and lots of ...
Top 50 recent answers are included