I'm trying to create an email header with a ticket design on it. The ticket has small text on it which always seems to be pixellated, especially when I rotate it. no matter what I seem to set resolution to, (the 100% size is 600px) I can't write clear, but very small text. What am I doing wrong please?
Design your email header @2x then scale it 50% in the html.
I assume you mean
600px width is the target size for the image in the email, so make your photoshop document
1200px width, then when you reference the image in html set "width=600" in the
This is common practice for making images appear sharper as rendered into HTML. It was called "designing for retina" when sharper, higher resolution displays started to become standard. https://designmodo.com/design-retina-displays/
You will often see the
@2x in the filename, like this:
… which indicates it should be set at 1/2 size (400x300) in the HTML or CSS.