Adobe Photoshop image size for web page question.

Posted on 2011-09-23
Last Modified: 2012-05-12
I created an image in Photoshop CS, and saved it as a .gif. When I uploaded it into the website builder for GoDaddy, the image comes out teeny tiny on the web page. How can I control the size of the image so that I can enlarge it? Thanks in advance.
Question by:sheana11
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
  • 2
  • +2

Assisted Solution

activematx earned 100 total points
ID: 36589411
Is the image sized small in Photoshop?  If it is getting resized by Godaddys website builder try using Godaddys file manager to upload the image directly from your computer.

Expert Comment

ID: 36590508
look in the code for the <img src=""    in there modify your height and width attributes. width="100px" height="100px" as an example
LVL 16

Assisted Solution

glenn_1984 earned 100 total points
ID: 36592573
What size is the image in PS?  Do you want it to be the same size on your website?

You do not want to enlarge Raster graphics as they will lose clarity.
You can enlarge Vector graphics safely, however.
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!


Accepted Solution

SaigonJeff earned 300 total points
ID: 36593034
Never EVER force a re-size of a gif image. You are just asking for horrendous degradation when you size up, and awful distortion of details when sizing down.

If you MUST use the .gif file type, then make SURE you are saving your final image in Photoshop at the EXACT dimensions you need it to be on your site.

Best advice I can suggest... use the .jpg format if possible... unless you require transparency, in which case I would recommend the .png format which supports beautiful transparency, even with drop shadows.

Hope this helps.

Expert Comment

ID: 36593677
one time I worked on a site that someone built in the website tonight thing and it forced a height and width attribute to the images that were uploaded. if they are there remove them and see if it goes to the original size.
I have no idea what the image you are trying to use is but if it is a simple design and it is smaller than what you need, you could use the pen tool to create a high res trace of it.

Expert Comment

ID: 36594312
Link to the image?

Author Comment

ID: 36595429
I can't seem to access the source code for the template design. I did load the image directly from my computer. The website tonight seems to force an image size.....I resolved the issue by using the Transform feature in Photoshop. I kept enlarging the .png image and uploading it until it was the size I wanted, and with no loss of resolution. I couldn't understand the problem I was having because the image I was replacing was much bigger than mine. Many of you supplied ideas that gave me clues I needed to handle this issue. Therefore, I will be splitting the points.

Author Closing Comment

ID: 36595495
Thanks for the help.

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
In this tutorial viewers will learn how to correct colors in Photoshop using the Hue and Saturation adjustment Open a photo for editing in Photoshop: Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Hue and Saturat…
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file…

752 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question