• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 218
  • Last Modified:

Adding a graphic with just text to a wordpress site - text is blurred

Hope you can help a novice.  I'm creating a header graphic in Photoshopt.  this just contains 4 lines of typeface.

But, the typeface is blurry...what is the ideal format to save so that it will show up properly on the webpage?

Many thanks.
0
OnsiteSupport
Asked:
OnsiteSupport
  • 6
  • 6
  • 2
1 Solution
 
Bob BenderCommented:
Not sure about wordPress, but I have had good success with PNG files.
0
 
OnsiteSupportAuthor Commented:
please take a look a apapco.com....the header is a PNG file.
0
 
Bob BenderCommented:
Looks good to me, do you have an example of the blurry one?
0
Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

 
OnsiteSupportAuthor Commented:
thought that was blurry...maybe staring at it too long. LOL
0
 
Bob BenderCommented:
hahahaha, know that feeling!    A lot may be cuz of the resolution,  it will be "blurry" at lower resolutions.   But anything less than 1024px is antiquted.

Copied it out and says a JPG file....
0
 
Bob BenderCommented:
oops, forgot to upload   lol
0
 
OnsiteSupportAuthor Commented:
now that's freaky...when I upload to WP, it forces it to be cropped and edited and resaves it as a jpg....dang.
0
 
Bob BenderCommented:
crop BEFORE you post?  Or WP just loves jpg.
0
 
OnsiteSupportAuthor Commented:
it insists on cropping when I upload the png file.
0
 
Bob BenderCommented:
uhhh, we at a standstill, I dunno  (shrugging shoulders)
0
 
Dan CraciunIT ConsultantCommented:
It appears blurry by comparison. The text "APAPCO Consulting, LLC" is sharp, the text in your image uses anti-aliasing to blend.

Any particular reason you felt the need to use an image instead of plain text? The font is the same so it should be easy to replace that image with 2 divs of text.

Failing that, set PS or whatever graphic package you use to not anti-alias your text then save it at full quality before importing the image in Wordpress and see if it makes a difference.

HTH,
Dan
0
 
OnsiteSupportAuthor Commented:
used the image because the template doesn't offer the flexibility of modifying the header.  

I'm using Phitoshop to create the image... saving as a PNG-24.

Best
0
 
Dan CraciunIT ConsultantCommented:
Try saving it as JPEG with quality 100 and then uploading it to your site.
0
 
OnsiteSupportAuthor Commented:
Dan-
I got so far as using the Header for most of the text.  However, the 2nd tag line is in the space occupied by the header image. any thoughts on how to modify the wordpress template to replace image with a line of text?  Customer will mkst likely change the tag line and keep me modifying the jpeg.

Thanks for your input.  
Craig
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: C++ 11 Fundamentals

This course will introduce you to C++ 11 and teach you about syntax fundamentals.

  • 6
  • 6
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now