The width is suggested instead of the height because you don’t want your images to be wider than the width of your total page width. General Image Sizing Guidelines One Column Page: Width: 1100px Two Column Page: Width: 800px Three Column Page: Width: 550px It’s also important to note that you can make large photos smaller, but you cannot make small photos larger they will look pixelated and bad! We have seen users upload image files as large as 34MB! Don’t do that! Keep your file size low and in kilobytes (KB) not megabytes. If you come across a slow or unresponsive web page, it’s often because someone uploaded a huge file. The file size will be much smaller and your page will load faster without a large image file slowing it down.
In the case noted here, it would be better to scale down your picture to 100x100px in a photo editor like Pixlr and upload it to your website. This makes it difficult and frustrating for your website visitors when they have slow internet connections. Every site visitor will have to download that 5MB image which has been only been scaled down in the browser. For example, if you upload a 5MB picture with dimensions 2000×2000 px, changing the dimensions to 100x100px will only change the display of that 5MB image. Just because you resize your image on the page doesn’t mean it’s a smaller file size.
Don’t do that – resize your pictures before you upload them. Aim for a file size of around 300KB or less per image.īecause images shouldn’t be larger 1100px wide, you might be tempted to scale down an oversized image in Omni or WordPress. Your images shouldn’t be wider than your page width (1100px max for a one column, 800 px for two column, 550 px for three column).
#Pixlr editor online lag too much full#
Should you resize your pictures? If you have a full resolution photo or graphic then the answer is probably yes.