Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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.

share|improve this question
1  
So, Before uploading it looks good? To me it sounds like wordpress resized the image when you uploaded it. –  Joonas Feb 8 '12 at 19:54
    
by the way, it's à la carte, not al a carte. :) –  Lauren Ipsum Feb 8 '12 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 Feb 8 '12 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 Feb 9 '12 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 Feb 9 '12 at 19:46
show 8 more comments

3 Answers 3

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.

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

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.

share|improve this answer
add comment

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.

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

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