Solved

Adobe Photoshop image size for web page question.

Posted on 2011-09-23
8
389 Views
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.
0
Comment
Question by:sheana11
  • 2
  • 2
  • 2
  • +2
8 Comments
 
LVL 9

Assisted Solution

by:activematx
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.
0
 
LVL 2

Expert Comment

by:jaxbrian
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
0
 
LVL 16

Assisted Solution

by:glenn_1984
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.
0
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
LVL 5

Accepted Solution

by:
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.
0
 
LVL 2

Expert Comment

by:jaxbrian
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.
0
 
LVL 9

Expert Comment

by:activematx
ID: 36594312
Link to the image?
0
 

Author Comment

by:sheana11
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.
0
 

Author Closing Comment

by:sheana11
ID: 36595495
Thanks for the help.
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone 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

Title # Comments Views Activity
Open Sans serif font rounded version 3 224
best online free website 29 132
Font Type used in Photoshop 5 67
Creating pdf for "magazine" layout 2 62
HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
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…
Users will learn how resize a batch of photos from a single command in Photoshop via Photoshop's Image Processor. Open up an Image you'd like to resize in Adobe Photoshop: Adjust the image size according to your preferences. Image > Adjustments > …

840 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