What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

Reducing images


L

Lee

Guru
Messages
527
Likes
0
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,
 
expanding an image

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
 
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
 
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.
 
picture size

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
 
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.
 
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! ;)
 
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. :)
 
Hi, Lee no problem!
And the :src definately lost me
Click to expand...
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:
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. .
Click to expand...
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:
 
Lee, have you tried File>Automate>Fit Image, and then entering the size (in pixels) that you want?
 
ljiljana said:
Let`s start from your first post:
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. .
Click to expand...
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)?
Click to expand...
I am lost here too Lee, because later you wrote:
Thanks, Lily. I'm not making web pages, though.
Click to expand...

It's important that you got the size right Lee and I mean in the HTML code.
Let's look at this example:

<img src="../leeswebsite.com/images/pa090020t.gif" width="75" height="56">

Notice parameters width and height? They have to be exactly the same as the size of the image in Photoshop, otherwise you get pixelated images,when you try to replace a large image with a smaller using the same size parameters in HTML.
 
Is that your website or do you need just to post gif image on web site
Click to expand...
It's not my website, Lily. I just wanted to post a small image on the forums I participate in.


Lee, have you tried File>Automate>Fit Image
Click to expand...
Thanks, MsOZ. I haven't tried that but will give it a shot when I finish this entry.


I am lost here too Lee
Click to expand...
I guess I wasn't as clear as I thought in that first post. I downloaded a cut little image that I wanted to use in my posts at some forums I frequent. When I used the IMG (image) key and entered the URL of the image it posted but MUCH larger (and very pixelated) than the original. My original image is about the size of the emoticons on this forum. I thought it would be easy to just resize the image but no matter what I do it comes out the same - about three times as large and pixelated.
 
Lee, you need to change your file name . Make it 20x20px same image and just give it a new name ( if you do not want to give up the name, just add number 1..) and post again. That should do it. Let us know! :righton:
 
The old file was cached, the cache assumed it was the same file by looking at the file name and used the old size settings in HTML.
 
You are welcome Lee.
JoeD already answer your question , why it is happening. ;)

And sometimes you need to press View> Refresh button that a new file show up.
 
Back
Top