SlideShare a Scribd company logo
1 of 7
Make sure your images have been
 suitably prepared before you
 upload them into WordPress.
Does your image have the correct resolution?
This greatly affects an image and how it performs on a website.

If this is too large it will take for ages to download, which can be very annoying for the reader.

It can also take up a lot of space in your website’s server.
Not all images are the same
Resolution is determined by the number of dots per inch (dpi) across the page.

There is a vast difference in dpi between web-images and photographs suitable for print, and a lot of
digital cameras will provide pictures with high resolution that is not suitable for websites.

Print-ready images usually have a much larger resolution to provide a better, crisper result. This is not
necessary for the web.

Therefore it is important your images have the correct resolution so it is not too large for the website
to download.
How can I adapt my image?
You can easily adapt your pictures using appropriate software that provides you with this information,
such as Photoshop Elements.

It’s sometimes a lot easier to adapt your images first before you upload them into your website, so
they can be used immediately without the need to alter them when they are already pasted into your
post or page.
How big should my image
be?
A normal web-ready image is between 72
dpi to 96 dpi – anything larger than that will
be delayed in appearing on your page, or
may even be rejected by WordPress if it is
too large.

(Print images are usually 300 dpi, which is
much too large for web use.)
What size should my image be?
Resolution affects the number of pixels of an image, as a smaller resolution will result in a smaller
picture.

I know that the ultimate width for my
pictures on my blog is 18 cm, which is
510 pixels in 72 dpi, and anything larger
will overhang into the sidebars.

(You will also need to work out the
appropriate width for other sizes of
pictures that have wrapped text around
them.)
Now you are ready!
And you can upload and paste in fully prepared images straight into your posts or pages to be enjoyed
by everybody.

More Related Content

Viewers also liked

How to place images inside widgets in the sidebars in WordPress
How to place images inside widgets in the sidebars in WordPressHow to place images inside widgets in the sidebars in WordPress
How to place images inside widgets in the sidebars in WordPressFairy Blog Mother
 
Making your online life easier
Making your online life easierMaking your online life easier
Making your online life easierFairy Blog Mother
 
How to use the WP Easy Columns plugin
How to use the WP Easy Columns pluginHow to use the WP Easy Columns plugin
How to use the WP Easy Columns pluginFairy Blog Mother
 
9 reasons why blogging sinks to the bottom of your to do list
9 reasons why blogging sinks to the bottom of your to do list9 reasons why blogging sinks to the bottom of your to do list
9 reasons why blogging sinks to the bottom of your to do listFairy Blog Mother
 
How to give an old blog post a new make-over ready for 2015
How to give an old blog post a new make-over ready for 2015How to give an old blog post a new make-over ready for 2015
How to give an old blog post a new make-over ready for 2015Fairy Blog Mother
 
How to create links in content
How to create links in contentHow to create links in content
How to create links in contentFairy Blog Mother
 
How to add links to the sidebar
How to add links to the sidebarHow to add links to the sidebar
How to add links to the sidebarFairy Blog Mother
 

Viewers also liked (14)

How to place images inside widgets in the sidebars in WordPress
How to place images inside widgets in the sidebars in WordPressHow to place images inside widgets in the sidebars in WordPress
How to place images inside widgets in the sidebars in WordPress
 
Linking into LinkedIn
Linking into LinkedInLinking into LinkedIn
Linking into LinkedIn
 
How to activate Akismet
How to activate AkismetHow to activate Akismet
How to activate Akismet
 
Making your online life easier
Making your online life easierMaking your online life easier
Making your online life easier
 
How to use the WP Easy Columns plugin
How to use the WP Easy Columns pluginHow to use the WP Easy Columns plugin
How to use the WP Easy Columns plugin
 
How to use anchor links
How to use anchor linksHow to use anchor links
How to use anchor links
 
Blogs use CMS
Blogs use CMSBlogs use CMS
Blogs use CMS
 
Edit image menu
Edit image menuEdit image menu
Edit image menu
 
9 reasons why blogging sinks to the bottom of your to do list
9 reasons why blogging sinks to the bottom of your to do list9 reasons why blogging sinks to the bottom of your to do list
9 reasons why blogging sinks to the bottom of your to do list
 
How to give an old blog post a new make-over ready for 2015
How to give an old blog post a new make-over ready for 2015How to give an old blog post a new make-over ready for 2015
How to give an old blog post a new make-over ready for 2015
 
How to create links in content
How to create links in contentHow to create links in content
How to create links in content
 
How to add links to the sidebar
How to add links to the sidebarHow to add links to the sidebar
How to add links to the sidebar
 
Inserting an image
Inserting an imageInserting an image
Inserting an image
 
How to write a link in code
How to write a link in codeHow to write a link in code
How to write a link in code
 

Similar to Correct image resolution

Responsive Web Design
Responsive Web Design Responsive Web Design
Responsive Web Design CLEVER°FRANKE
 
Guide 5 - Which Files To Reduce And How To Do It.pdf
Guide 5 - Which Files To Reduce And How To Do It.pdfGuide 5 - Which Files To Reduce And How To Do It.pdf
Guide 5 - Which Files To Reduce And How To Do It.pdfpersuebusiness
 
16 Things Designers wish Developers 'got' (in no particular order)
16 Things Designers wish Developers 'got' (in no particular order)16 Things Designers wish Developers 'got' (in no particular order)
16 Things Designers wish Developers 'got' (in no particular order)Denise (Dee) Teal
 
The future of BYU web design
The future of BYU web designThe future of BYU web design
The future of BYU web designNate Walton
 
2016 WC images images images and a Slow website
2016 WC images images images and a Slow website2016 WC images images images and a Slow website
2016 WC images images images and a Slow websitemwfordesigns
 
Ican cms training (editing images)
Ican cms training (editing images) Ican cms training (editing images)
Ican cms training (editing images) hassandabbagh
 
Image optimization and you
Image optimization and youImage optimization and you
Image optimization and youJohannes Siipola
 
Design for Non-Designers: An Introduction to Design for Nonprofits
Design for Non-Designers: An Introduction to Design for NonprofitsDesign for Non-Designers: An Introduction to Design for Nonprofits
Design for Non-Designers: An Introduction to Design for NonprofitsNetSquared Vancouver
 
Optimize Images for SEO WordCamp Sacramento
Optimize Images for SEO WordCamp SacramentoOptimize Images for SEO WordCamp Sacramento
Optimize Images for SEO WordCamp SacramentoLeslie Staller
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web DesignChiheb Chebbi
 
Raster vs vector
Raster vs vectorRaster vs vector
Raster vs vectorakn4fotos
 

Similar to Correct image resolution (20)

Responsive Web Design
Responsive Web Design Responsive Web Design
Responsive Web Design
 
Print design vs web design
Print design vs web designPrint design vs web design
Print design vs web design
 
Guide 5 - Which Files To Reduce And How To Do It.pdf
Guide 5 - Which Files To Reduce And How To Do It.pdfGuide 5 - Which Files To Reduce And How To Do It.pdf
Guide 5 - Which Files To Reduce And How To Do It.pdf
 
Digital graphicss pro forma
Digital graphicss pro formaDigital graphicss pro forma
Digital graphicss pro forma
 
16 Things Designers wish Developers 'got' (in no particular order)
16 Things Designers wish Developers 'got' (in no particular order)16 Things Designers wish Developers 'got' (in no particular order)
16 Things Designers wish Developers 'got' (in no particular order)
 
Presentation
PresentationPresentation
Presentation
 
Presentation
PresentationPresentation
Presentation
 
The future of BYU web design
The future of BYU web designThe future of BYU web design
The future of BYU web design
 
Image Resolution
Image ResolutionImage Resolution
Image Resolution
 
File types.
File types.File types.
File types.
 
2016 WC images images images and a Slow website
2016 WC images images images and a Slow website2016 WC images images images and a Slow website
2016 WC images images images and a Slow website
 
Presentation
PresentationPresentation
Presentation
 
Presentation
PresentationPresentation
Presentation
 
Ways to optimize images for the Web.pptx
Ways to optimize images for the Web.pptxWays to optimize images for the Web.pptx
Ways to optimize images for the Web.pptx
 
Ican cms training (editing images)
Ican cms training (editing images) Ican cms training (editing images)
Ican cms training (editing images)
 
Image optimization and you
Image optimization and youImage optimization and you
Image optimization and you
 
Design for Non-Designers: An Introduction to Design for Nonprofits
Design for Non-Designers: An Introduction to Design for NonprofitsDesign for Non-Designers: An Introduction to Design for Nonprofits
Design for Non-Designers: An Introduction to Design for Nonprofits
 
Optimize Images for SEO WordCamp Sacramento
Optimize Images for SEO WordCamp SacramentoOptimize Images for SEO WordCamp Sacramento
Optimize Images for SEO WordCamp Sacramento
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Raster vs vector
Raster vs vectorRaster vs vector
Raster vs vector
 

Correct image resolution

  • 1. Make sure your images have been suitably prepared before you upload them into WordPress.
  • 2. Does your image have the correct resolution? This greatly affects an image and how it performs on a website. If this is too large it will take for ages to download, which can be very annoying for the reader. It can also take up a lot of space in your website’s server.
  • 3. Not all images are the same Resolution is determined by the number of dots per inch (dpi) across the page. There is a vast difference in dpi between web-images and photographs suitable for print, and a lot of digital cameras will provide pictures with high resolution that is not suitable for websites. Print-ready images usually have a much larger resolution to provide a better, crisper result. This is not necessary for the web. Therefore it is important your images have the correct resolution so it is not too large for the website to download.
  • 4. How can I adapt my image? You can easily adapt your pictures using appropriate software that provides you with this information, such as Photoshop Elements. It’s sometimes a lot easier to adapt your images first before you upload them into your website, so they can be used immediately without the need to alter them when they are already pasted into your post or page.
  • 5. How big should my image be? A normal web-ready image is between 72 dpi to 96 dpi – anything larger than that will be delayed in appearing on your page, or may even be rejected by WordPress if it is too large. (Print images are usually 300 dpi, which is much too large for web use.)
  • 6. What size should my image be? Resolution affects the number of pixels of an image, as a smaller resolution will result in a smaller picture. I know that the ultimate width for my pictures on my blog is 18 cm, which is 510 pixels in 72 dpi, and anything larger will overhang into the sidebars. (You will also need to work out the appropriate width for other sizes of pictures that have wrapped text around them.)
  • 7. Now you are ready! And you can upload and paste in fully prepared images straight into your posts or pages to be enjoyed by everybody.