Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17


Adobe Photoshop image size for web page question.

Posted on 2011-09-23
Medium Priority
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 400 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 400 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.
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.


Accepted Solution

SaigonJeff earned 1200 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

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

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

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…
Read about why website design really matters in today's demanding market.
In this tutorial viewers will learn how to create a Photoshop action to apply adjustments and effects to multiple images. Open a photo for editing in Photoshop: Open the Actions window by going to Window > Actions: Start a new action by selecting th…
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
Suggested Courses

704 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