If you need the image to be a certain size or just need to shrink it, you can add in attributes to change the size of the image.  Remember that changing the height and weight in the code will not keep the image in the same proportions automatically, so make sure that if you put in a different size that it will not distort the image.  Using this method will not change the file size of the image, for more information on helping your page's load time by decreasing the file size of images please read our article on helping your images load faster.

We will start with our code from the last section:

<img src=&quot;Images/image.jpg&quot; align=&quot;middle&quot;>

To change the width and height of the image, you will need to use the width and height tags:

  • width="___"
  • height="___"

Now we will insert the tags into our code, putting in the width and height that we want the image to be (in pixels):

<img src=&quot;Images/image.jpg&quot; align=&quot;middle&quot; width=&quot;250&quot; height=&quot;320&quot;>

Remember that any time you add an attribute, make sure you use quotation marks around the value or it will not work properly. Also, the order of the attributes does not matter, you can also use:

<img src=&quot;Images/image.jpg&quot; width=&quot;250&quot; height=&quot;320&quot; align=&quot;middle&quot;>

The image will now be the size of the size of 250 x 320.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: support@WebHostingHub.com Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.
}