

Make sure you maximise your browser before you click the thumbnail:ģ60 px wide Grapes – click to see 2,000 px wide Grapes!

For about 92% of you, it will have to shrink down to fit your monitor.
#Save wideimage to database full#
If you use 2,560px wide, you’ll be able to display on large iMac displays at full width.Ĭlick the thumbnail for this next image and you’ll be looking at a 2,000px wide image that ‘weighs’ 120Kb. If you want to fill the browser width for 84% of visitors, 1,366px wide will get there. Any larger and the image will be squeezed down in width anyway. So statistically, if you size your images to 1280 px wide, in 93% of cases the images will be large enough to fill your visitor’s browser. Here are some statistics on minimum screen widths as at Jan 2017 (see for latest information): However you might target wider monitors, depending on your audience. Sizing your images to 1,280 px wide is a good target for many websites. Click on the thumbnail image to see the larger version in a lightbox – you’ll see the 800 px wide version which ‘weighs’ 80KB.ģ60px wide Grapes – click to see 800px version.The thumbnail image you see below is 360 pixels (px) wide and 240 px high and ‘weighs’ 20KB.You can think of these as size and ‘weight’ if you like. file size (Kilobytes KB or Megabytes MB).file dimensions (width and height, in pixels) and.This article explains the two factors that control how big your image files are and provides links to some free / low cost tools you can use to optimise your images.
#Save wideimage to database how to#
The solution is to learn how to optimise (trim images down to size) before you upload them. If you upload very large images to your website, your website will slow down when those images are viewed by your visitors. Preparing Image Files Before Uploading with WordPress Summary
