The Blogmistress

Using WordPress for your website and blogging

  • Home
  • Blog
  • About
    • WordPress Websites we’ve worked with
    • Privacy Policy and Cookies
  • Services
    • WordPress support – where to get some
    • WordPress Health Check
    • Websites with WordPress
    • WordPress Workshops and Training
  • Contact

Pixels in a nutshell AND a great tool to make your images smaller

June 16, 2011 by Babs 5 Comments

So when I’m doing a blog post and want to add an image or photograph, or just add a photo to my gallery, I am bemused (to say the least) about people talking about pixels and dpi and references to sizes in KB or MB – whoosh that’s another subject that flies about 2 feet over my head!

Well, the Blogmistress set me the task of getting to grips with it, from the viewpoint of the uninformed!

Example of pixels. Shows a zoomed section of a...
Image via Wikipedia

Basically, all images are made up of several components:

Pixels – this word combines the 2 words “picture” and “element” and refers to the small dots that make up an image.  Each pixel is a different colour, which when put together makes up the image itself.  The more pixels an image has, the clearer and more defined the overall image will be. So, high pixel count is good….

Dpi – this stands for dots per inch and measures the resolution of an image.  That might not sound much, until you know that it’s per line! So again, the higher the Dpi figure, the sharper the image will be. For web this only needs to be 72 but if you want things printed it needs to be at least 300.

KB and MB – this is the one that gets me (and plenty of others, I gather). Blogmistress says it is the size of the image, but as in how much space it takes up, not in the “physical” size in pixels.

And then there are things called thumbnails – smaller equivalents of the image you’re using but we’ll cover more on that another time

So there you have it in a nutshell.  One of the most important things to be concerned about is that size matters – we really cannot be uploading images that are MB size, so I’d like to share this really helpful site that guides you through resizing your images – useful if your images are too big.  http://www.resizeyourimage.com/ basically holds your hand through changing the number of pixels or the width/height of an image… it’s great and if it works for me then it’ll work for you! So, go play with it and have fun.

Thanks to Su Butcher for suggesting this mighty useful tool

Mary

And Babs has now done a screencast showing how to use this:

 

Enhanced by Zemanta

Share this post:

TwitterFacebookGoogle+LinkedinE-mailReddit

Filed Under: How to Use WordPress, RT, Using WordPress Tagged With: image

Comments

  1. Anonymous says

    June 16, 2011 at 10:11 am

    On windows PCs since the coming of XGA and the release of Windows XP screen dpi has been 96dpi not 72dpi.

    Reply
    • Babs says

      June 16, 2011 at 10:48 am

      Thanks Jon – this is interesting and I’ve been working to the 72 dpi rule for longer than I care to admit. Thanks for this – it’s opened up something for your apprentice to look at in more detail.

      Reply
  2. Morag Gaherty says

    June 17, 2011 at 12:42 pm

    Ooh, am liking the resizing tool. Thanks!

    Reply
  3. Jonathan Gwyer says

    October 15, 2011 at 4:39 pm

    Great post, but I’m going to split hairs with both you and “Anonymous”…

    When it comes to onscreen, dpi means nothing – it is neither 72 nor 96dpi.

    A 15″ screen displaying 1280×1024 has the same number of dots as a 17” screen at 1280×1024, but a different number of inches 🙂

    Pixels are far more important when considering the lowest common denominator for a reader’s screen, and filesize for download speed.

    And although download speeds are becoming less of an issue, disk space and bandwidth are still important and affected by filesize.

    Great link, too – one for the bookmarks!

    Reply
    • Babs says

      October 15, 2011 at 5:21 pm

      Thanks Jonathan. So when I’m exporting an image, what dpi should I set it to? Ah – I think perhaps saying dpi is wrong. I use Fireworks and set the pixels/inch to 72 and had mistakenly (?) thought that was the dpi. Hmm.

      I’d love to get this right, for myself and for our readers and clients.

      PS: took care of that other little thing too 😉

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recent blog posts

  • Caroline’s Corner How to make time for your blog when you have no time
  • When Count per Day stops working
  • The Blogmistress confesses, and what comes next…
  • How to update your WordPress to 4.6
  • Ways to thank WordPress plugin developers
  • Where did WordPress plugin “Count per Day” go?
  • Some Favourite, Recommended WordPress Plugins

RSS Babs on Internet marketing strategy stuff

  • After the WordCamp (#WCLDN 2018)
  • Accessible Venues and your website
  • Winning at Discovery
  • Talking at WordCamp Manchester 2017 #wcmcr
  • The use of “pretty” fonts

We recommend:

StudioPress Premium WordPress Themes

Find:

View on Facebook

An excellent post, and unicorns... ... See MoreSee Less

5 Data-Backed Social Media Trends You Need to Know for 2019

blog.bufferapp.com

Breaking down 5 data-backed social media trends you need to know to make 2019 your most successful year yet with social media marketing.

3 weeks ago  ·  

View on Facebook
·Share

This is excellent. I'm not the only one that wants/needs to blog frequently, for various reasons, but just don't find/make the time. Yoast's Caroline gives us some sensible pointers. ... See MoreSee Less

Caroline's Corner: How to make time for your blog when you have no time • Yoast

yoast.com

Are you too busy to work on your blog? In this post, Caroline refutes common excuses and explains how to still make time for your blog.

6 months ago  ·  

View on Facebook
·Share

Babs is a keen supporter of WP & UP - take a look and join in. It's a wonderful initiative and there for all who work with WordPress. ... See MoreSee Less

7 months ago  ·  

View on Facebook
·Share

Archives

Tags

accessibility analytics books broken blog Broken Link Checker browser commenting compatibility cool stuff customer service dashboard Data ebook errors essential Facebook Google Gravatar guest posting hosting Housekeeping image images Internet Marketing JDI keywords links live chat online shopping plugin ping polls RSS security SEO social media stats tables text box Thesis Tools twitter upload usability visitors writing
  • Facebook
  • Google+
  • LinkedIn
  • RSS
  • Twitter
  • YouTube

Almost All Categories

  • Accessibility
  • Blogging
  • Design
  • How to Use WordPress
  • Internet Marketing
  • RT
  • Studiopress Genesis theme
  • Updates
  • Using WordPress
  • What we're reading
  • WordPress Plugins

© 2019 · Barbara Saul · Built with the Modern Portfolio Theme* on the Genesis Framework