Hey girl! What's Your Signature Latte? Whether it's a frothy latte or a cold brew, your personality shines through. Find out what your java ingredients are!
This week’s Photo Tip Thursday is all about optimizing your images for viewing on the Retina/HiDef displays on the newer line of computers/digital devices. Some of you might have noticed when you resize your images to what might be seen as the proper size for your blog as denoted in your HTML, when you view these images on a high definition display, they appear a bit grainy and the edges of your subjects appear block like and pixely.
The reason for this is the increased pixel density of the new displays. Take a MacBook Pro 15″ for example. The older model with the standard display had 1440 x 900 pixels. The newer MacBook Pro 15″ has 2880 x 1800 pixels. Keep in mind though that the physical size of the screen isn’t changing between the old and new computers however. Newer methods of manufacturing have led to the development of smaller pixels, so in the space that one pixel took on an older display, four smaller pixels can be fitted on a newer display. See the example below for an illustrated explanation.
The cube on the left represents a pixel from an older display. The four cubes on the right represent the four smaller pixels of a newer display that fit in the same space that a single, larger pixel from an older display would occupy. Because the physical display size hasn’t changed but more pixels have been added, these new high definition displays are said to have a greater pixel density.
The problem with resizing images to fit both standard as well as high definition screens is that, if you export images at the size needed for older displays, they won’t display that well on the higher definition ones. The smaller dimension images will have to be “upscaled” which means that the computer stretches the image out and guesses what it would look like with more pixels. This is bad news bears for high definition displays.
To get around this problem, find the original dimensions that your images are supposed to be, then double them. For instance, If your blog uses 650 x 975 pixel images. Doubling these dimensions yields images that are 1330 x 1950 pixels. Don’t worry that these images are larger than what’s needed for older displays, your computer can easily downscale them and they’ll look just fine on older computers but also look tack sharp and clear on new high definition displays. The file sizes are still very small too.
Thanks for reading!
Become a healthier version of yourself by joining the FITwithASD community today! For only $8.99/month or $89/year, you never have to worry about workouts, macros, or a meal plan again.
There’s not a day that goes by when I don’t feel so blessed to be Jordan’s wife. He is my everything. These photos and video are the sweetest reminder of our love for one another. So, grab a cup of coffee, pull up a seat, and try not to bawl your eyes out (because I know we did). Every time we look through our photos and watch our video, we cry the happiest tears.
It’s crazy what can happen in a year. I met the love of my life and the rest is history. I was having a hard time ending this post, because frankly, I think I could talk about that evening forever. Then I realized that this post doesn’t have an ending, but instead, a beginning. Thank you so much for all of the love, excitement, and gratitude.
One of my favorite things to do in the fall is bake my dark chocolate chip pumpkin bread! I’ve made it *so* many times for me, J, and friends & family. It’s moist, decadent, and super easy to make! It also makes for a great DIY housewarming gift.