In number one above, we talked about the dimensions of an image (width & height). Unless you need transparency in an image, use jpg files - not png.ģ: Compress Images for a Smaller File Sizeįile size is also critical when using images on the web. It's usually as simple as selecting "save as" or "export" in the image viewing application on your computer. jpg file to optimize the image for the web. Smaller file sizes mean faster loading times, less server space, and less bandwith used.Ĭheck the extension of the photo file you are planning to use. JPEGs are inherently smaller file sizes than PNG. For most purposes, 400px wide is okay for most content images. Our Recommendation:Īn image width of 600px would take up half the content area. Even if shot in portrait (vertically) that is more than double the number of pixels that are able to be displayed in a typical website content area! Essentially, any photo you use on your website needs to be resized before uploading. An image that is 1200px wide will take up the entire container with no room for borders, margins, or text.Īs a point of comparison - the default dimensions of a photo taken with an iPhone px x 2448px. So what about images inside a content item (article, blog post, etc)? Keep in mind that the width of the article display container on the largest screen size is 1200px wide. The biggest you ever want and image on your website to be is 1920px x 1080px - and even then, only if that image is going to be a background image for the entire website. Here are our recommendations for image sizing and optimization: Optimizing your images isn’t required, but problems can arise if you don’t. If you want to your site load quickly and have your images look their best, you’ll want to get in the habit of sizing and optimizing your images before you upload them to your site.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |