In this post I’ll talk about how to create your images, how to save the images for web, and then how to import and use your images within your blog posts.
…The goal for good web design using images is to to provide the highest quality image at the lowest bandwidth possible, all the while keeping in mind the environment of the photo (portrait vs landscape, for example).
…For example, if by default your blog’s images are set to be 700px wide x 500px high, all you have to do moving forward is create your images at 1400px wide by 1000px high.
…So, when you’re saving images in Photoshop, there are a few things to keep in mind, having to do with the image type, the width of the image, and the quality of the image.
…First, let’s figure out what type of image you need, keeping in mind the ultimate goal is to have the smallest file size at the highest visual quality.
…You can reduce the image quality of your double-wide image to Medium within the Save for Web dialog box, and your images will still look amazing on a Retina screen.
…So if I’m creating an image for my blog, I create it at 1400px wide, Save for Web as JPEG Medium using the presets, and then upload it to my blog.
…If we’re looking at an image for my 700-px wide blog content, I’d upload my 1400px image and then set width=”700″ within the img tag.
…Now that you know how to make your images look good on Retina screens, does this mean you should update all of your old images?
…Keeping on top of the more technical aspects of digital content creation can be hard, but making sure your images look good can now be a top priority, now that you know how to do it.