Jump to content

Resize Images


activeworker

Recommended Posts

You need to use a little css for that.

 

First, your image tag should be clean and free of any inline css styles.

 

<img class="flexsize" alt="my image" src="/path-to/image.jpg">

 

The css is simple:

 

.flexsize { width: 100%;}

 

You can use height but not height and width together. Also, the class name is whatever you choose it to be.

 

If you are planning on using a 1500px image then it's going to cause the mobile devices time to download it as well as more data usage.

 

There are more complex ways to size images within any computer or devices. Some can be done where if viewing a site via a computer it will load this image and if a mobile device it will load a different image specifically for that device.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...