Lee

I've got a 20X20 gif image (72dpi) that I wanted to use as a "logo" on a website. When I post it, however, it expands to an image that is about 1" X 1" and it very pixelated. I've tried converting it to jpg, save for web and just physicially reducing the image to 10X10 etc. and nothing works. It just keeps showing up on the website as a larger pixelated image. What am I doing wrong? I'm just trying to get an image about the size or our emoticons on this site.

Thanks everyone,

3dsets

Hi
Is that 20 x 20 pixel or inches?
what is the final size you want?
Is the graphics just one color or many?
If you would like, send me the file
h1954@sympatico.ca
I'll see what can I do for you

Lee

Hey 3d,
Thanks for the offer but I'd like to learn how to do it myself just for future reference. To answer your questions it's colored (although not many - 10 maybe?), it's 20 pixel square gif image at 72dpi. I'd like something about the size of our emoticons on this site (to give you a visual example). Size is not critical but no bigger than this smilie I am posting here - - ->

Thanks

Welles

Lee,

It seems to me that the issue must be with the coding for the web page, not the image itself. 20px X 20px should relate only to the resolution of the monitor and shouldn't balloon up to 1" X 1" unless it is trying to fill an area specified by the page coding...but then my knowledge of building web sites is limited.

3dsets

Just curious
If you could open the file in photoshop and save for the web it will show you the actual size of your graphic, if it look big then you would have to adjust the size, dpi or pixels
good luck

Lee

Thanks, Welles. I know nothing about coding but am beginning to think there is more there than just resizing an image smaller.

3d, I did a 'save for web' and tried all kinds of different options. None worked. Thanks anyway.

ljiljana

Lee which program you are using to make your web pages?
When you 'save for the web' you need to specify the folder in your web directory ( usually>Images)
I am using Front Page> on the bottom you have Normal/HTML/ Preview, press HTML and insert this is code for the image with specific size, in the body:
<p><img border="0" src="Images/Hair-day.gif" width="31" height="35"></p>

change in this code : src ( folder where is your image: has to be in same directory of your web),name of the image and witdh = "20" and Height="20".

This should work!

And here is where you can see my image, if you right click on the page and choose View Source, you can see where the code goes.

http://lzblack.com/new_image_1.htm

Hope this helps!

Lee

Thanks, Lily. I'm not making web pages, though. I just used "save for web" as a way to try and reduce the image. Truth be known, I know nothing about making web pages.

I'll try your meathod. Based on your example, that looks just like what I need. I'm not sure I understood where to put your code, though. And the :src definately lost me. Do you mind walking me through that as though you are talking to someone who doesn't have a clue? \:]

Thanks, Lily.

ljiljana

Hi, Lee no problem!
I been there and linda open coding door for me! 8))
src means " source" > in which folder is your image.

Let`s start from your first post:
Now I am lost here : Is that your website or do you need just to post gif image on web site (like post on PSG : than you do not need code)?



May be you need to rename your file ( sometimes if the file is the same name even if you make changes they do not show up).

Like this:

MsOz

Lee, have you tried File>Automate>Fit Image, and then entering the size (in pixels) that you want?