0

I've created a PDF pricelist for my photography clients, and it looks great as a PDF. However, I wanted to upload it to my blogsite as an image for visual impact.

The steps I took are:

  1. Imported PDF into CS5. Options I chose are Anti-aliased, Resolution 300, Mode RGB, Bit Depth 16.
  2. I changed the image size to 920 pixels for my blog.
  3. I saved for web as a png with highest quality possible.
  4. I uploaded and inserted to a blog post.

Strangely, in my preview screen the PNG image looks great! But when I view it in a web page, the text is quite blurry and looks terrible. Also, there is a direct link at the bottom of the post to the PDF and it looks great.

I would love any advice you have on uploading images with text to the web. I really don't want to re-create the info on my PDF into an actual image, but maybe that's what I need to do... Thanks in advance for your help.

Improve this question
13
  • 1
    So, Before uploading it looks good? To me it sounds like wordpress resized the image when you uploaded it.
    – Joonas
    Commented Feb 8, 2012 at 19:54
  • by the way, it's à la carte, not al a carte. :)
    – Lauren-Clear-Monica-Ipsum
    Commented Feb 8, 2012 at 20:47
  • 1
    @amber prior Your website has been hacked. There is obfuscated javascript at the bottom of the page that attempts an attack on any visitor. I've disabled the link. When you have the problem fixed, you can edit the question to restore it.
    – Alan Gilbertson
    Commented Feb 8, 2012 at 21:03
  • 2
    When you say "my preview screen", are you talking about the Save For Web preview in Photoshop? If so, are you certain you are on the "Optimized" tab and not "Original"?
    – Farray
    Commented Feb 9, 2012 at 5:49
  • 1
    Thanks Lauren. I remember something about it in French class but I appreciate your help. I hope I've got it right now. :)
    – amber prior
    Commented Feb 9, 2012 at 19:46

3 Answers 3

Reset to default
2

i don't think you need to recreate the info on your PDF to an actual image. Try saving your png/jpg of your price list, etc. as 911 pixels wide. You can also try saving it/them as 72 resolution.

Improve this answer
3
  • Why 911 pixels? Just curious. :)
    – amber prior
    Commented Feb 9, 2012 at 19:45
  • @amberprior: The content area on your site is 915 pixels wide, so anything less than that should work.
    – Ilmari Karonen
    Commented Feb 10, 2012 at 3:03
  • Guess WP itself, or the particular theme being used, scales images wider than the content area.
    – e100
    Commented Feb 10, 2012 at 17:46
1

Sounds like the image is fine but it's being scaled up or down slightly on the web page.

You should be able to confirm this by comparing the image as shown on the page against the image alone (Firefox: right click the image on the page > View image; otherwise get the image's URL in the browser address bar).

If the bare image looks OK, that's the problem.

Improve this answer
0

Did you check to make sure your browser isn't zoomed? Make sure it's not some problem with just your system.

Another issue to research of is pixel snapping and the anti-aliasing methods for text.

Improve this answer

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.