Take Life One Cup At A Time

take the quiz! It only takes a minute - promise! >

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!

Photo Tip Thursday: Optimizing Images for High Definition Displays

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!

  1. Great tip! I'm always worried my files will be too large, but I just accidentally did this last night (doubling the size) and it worked fine.
    http://absolutelytara.com

  2. Kacie Ellis says:

    Thanks so much for this tip! I'm going to start doing this!

    http://www.kaciesklosetblog.com/

  3. Great post, so useful!

    SALES 2015 GUIDE: what should you buy on
    lb-lc fashion blog

  4. I love your photography tips! I need all the help I can get! 🙂

  5. Ashley Rae says:

    Thank you for your post! Very informative and will definitely will try this for my blog! 🙂

    xx, Ashley Rae

    http://www.dress2byou.blogspot.com

  6. That explains why my photos always look the worst on my MacBook, thanks for this!

Leave a Reply

Your email address will not be published.

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.

learn more about fitwithasd ⟶

300K

join the community of

other women that love fashion, fitness, and lifestyle

@a_southerndrawl

The All-Time Favorite Posts

read this post

Personal

10/27/18 Mr. & Mrs. White

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. 

read this post

Personal

The Proposal

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.

read this post

LIFESTYLE

Dark Chocolate Chip Pumpkin Bread

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.

Shop My Favorite Healthy Snacks!

visit the full shop ⟶

fashion

beauty

personal

travel

lifestyle

shop

fitness

I’m just an everyday gal who can go from gym to glam in record timing. I run on sarcasm & coffee on the weekdays and sass & vino on the weekends! I strive to stay fit, stylish, and healthy, while also trying to be the very best version of myself (sounds easy enough, right?).   MEET GRACE ⟶