Mobile app version of vmapp.org
Login or Join
Eichhorn212

: Image Sizing problem from photoshop to web I'm new to the web designing stuff, so I bought a template. I want to change some text in my header. It is saved as a png image. I opened

@Eichhorn212

Posted in: #AdobePhotoshop #Images #WebsiteDesign

I'm new to the web designing stuff, so I bought a template. I want to change some text in my header. It is saved as a png image. I opened the PSD file in photoshop and changed the text.

I then moved that layer to a new file and saved it as a transparent file.

The resulting file is not displayed at the same size in my webpage. In the webpage, i have the image size set, but still the same result

Template(chainging text on top)


Photoshop file (see proportions)



Resulting website


What is causing this problem. Like I said, I took the text layer and put it in its own document where I could save it as transparent

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Eichhorn212

1 Comments

Sorted by latest first Latest Oldest Best

 

@Sims5801359

It looks like the image in your webpage may have an explicit width value set in HTML (or possibly in CSS), but you've made the actual image wider to fit the text. Thus it's being scaled down to fit the same dimensions as before.

If this is the case, you should correct or remove the width value. For this particular graphic element, I can't see a good reason for specifying it, particularly in HTML, but this may dependent on the exact layout.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme