#EVERWEB OPTIMIZE HOW TO#

Since I want it to be 400 pixels on my page, I am going to resize the width to 800 pixels.

Right now, this image is 2048 pixels wide. So let’s say I want to place this image on my site, and I want it to be 400 pixels in width. So what can you do to ensure your website loads efficiently while still providing a nice looking image. It will also eat up a lot of unnecessary resources on your web server. The page will load very slowly, which users, and search engines do not like. If I wanted to add all of these photos to one of my pages, that’s going to be almost 40MB that each user needs to download when they visit my page. This photo in particular is over 3MB and is 2048 pixels wide. Let’s assume I have a bunch of photos that I just took with my iPhone and want to put them on my website. To begin, I want to create a sample scenario. In other words, for adding images in other ways, such as with an image gallery or image slider, please refer to those tutorials. This tutorial is strictly going to cover placing images directly on your web page.

#EVERWEB OPTIMIZE HOW TO#

With a recent EverWeb update, you no longer need to add two images to your site, and in this tutorial I will show you how to make your website images retina ready. The old way of making your website retina ready was to add two versions of your image to your website. What this means is that users visiting your site on a retina device will be able to see your images in their highest form of quality. EverWeb allows you to make a retina ready website.

Everweb optimize