#30 – Image not resize

My web site is here,
as you can see the images is not resizing,
did i miss something ?


 

Hi,

I made some tests on your site from small screens and everything works as expected.

The medium and small images are loaded in smaller screens.

In order to verify what i am saying open a new incognito browser window, resize it to small width ( lets say 300px ) . Then open the network tab of the developer tools and then visit your site.

You should see that the smaller images are loaded when the browser width is small.

It's important to use an incognito window ( or clear the browser cache ). If the browser has already one of the image sizes in cache it will serve it as it's faster ( it's already downloaded ).

Let me know if have more questions or need help.

what i mean is this picture,

please take a look at the images,

it clearly off the frame,

where did it goes wrong ?
(it supposed to auto resize to screen size right ?)

This has to do with your site's CSS, not Econa.

You can easily fix this for all images in your site by adding the following CSS rule:

img { max-width: 100%;}

Try to add this to the file /templates/ja_elicyon/css/template.css and clean your browser cache.

Econa serves different image sizes depending on the device viewport. It does not affect your site's CSS.

Thanks, now it working great :)

Anyway does this Econa works on GIF Animated Images as well ?

No unfortunately, animated GIFs will lose the animation when resized.