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). 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. Just because you resize your image on the page doesn’t mean it’s a smaller file size.ĭon’t do that – resize your pictures before you upload them.

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.

Every site visitor will have to download that 5MB image which has been only been scaled down in the browser. This makes it difficult and frustrating for your website visitors when they have slow internet connections. 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. The file size will be much smaller and your page will load faster without a large image file slowing it down. If you come across a slow or unresponsive web page, it’s often because someone uploaded a huge file. 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. 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.

#Pixlr editor online lag too much full#.