How do I stop all images from resizing

Okay, let me re-phrase my thought. My original intent was to optimize my images for mobile by observing the maximum file dimensions on Themler. I like to micro manage my file size for mobile optimization. So I was looking for the minimum file size as represented by the maximum image display size on the Themler template for my desired layout. I realize now that's probably not the best methodology.

So, let me ask this. If I have an image in a table, and I want the table itself to remain totally responsive, what's the optimal way to set image size to prevent images from losing their ratio? For example, on mobile images on my Themler template, images will lose their ratio and become squeezed. I tried setting the image size to 100% and auto on the CMS end, but images still get squeezed. If I leave the image at it's original size, it seems to display smaller through my template on desktop, even though my overall screen width is wider than my original 1000Px wide Artisteer setup in which the image was made for.

Please advise and thank you

Hi,

The proper way is to set the width and height to 100%. If that does not work for you, please provide a link to your site with the table and images. Maybe the problem is in the table.

Sincerely,
Hella

The table was 100% width but I had several combined rows and columns in a weird kind of way, so I redid the table and put all the image sizes on 'Auto'. That seemed to do the trick. If I set the image sizes to the actual size, I would have issue with the aspect ratio, images got squeezed more narrow. So I'm thinking that for all the larger images on my site that are affected by an aspect ratio issue. I should set them on auto. Is this the "right" way to go about it?

The reason I ask if it's "right", is because I was under the impression that on the SEO side of things, it's always better to have your image defined in size. If that is the case, then it might benefit me to find another solution. Your thoughts?

Last edited 03 December 2015 by BillyBob

Hi,

Sorry for the delay.
Themler uses bootstrap solution for responsive images:

max-width: 100%;
height: auto;

It should work for most of cases.
If the image has fixed width or height this solution may not work properly.
Specifying, for example, width "100%" and height "auto" should help to resize images and keep the aspect ratio.
If it's so important for SEO so that image have size attributes (?) then you can set width and height in Themler. In this case the width and height added to the css file will override size attributes. And you will achieve responsive images which have size attributes.

Unfortunately I can't say more without accessing the page that demonstrates the problem with image size.

Please keep us posted about the progress.

Thank you,
Olivia

Prepare for the Advanced HPE Storage Integrator Solutions Written Exam (HPE7-J02) exam with DumpsTool’s HPE7-J02 Exam Questions. Our expertly verified materials cover network access, security, and Aruba architecture concepts. Practice confidently with real exam patterns to enhance your technical proficiency and achieve certification success on your first attempt.