Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 214
  • 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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
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

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

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