Solved

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

Posted on 2014-04-26
14
201 Views
Last Modified: 2014-05-01
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
Comment
Question by:OnsiteSupport
  • 6
  • 6
  • 2
14 Comments
 
LVL 5

Expert Comment

by:Bob Bender
ID: 40025303
Not sure about wordPress, but I have had good success with PNG files.
0
 

Author Comment

by:OnsiteSupport
ID: 40025308
please take a look a apapco.com....the header is a PNG file.
0
 
LVL 5

Expert Comment

by:Bob Bender
ID: 40025314
Looks good to me, do you have an example of the blurry one?
0
 

Author Comment

by:OnsiteSupport
ID: 40025315
thought that was blurry...maybe staring at it too long. LOL
0
 
LVL 5

Expert Comment

by:Bob Bender
ID: 40025318
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
 
LVL 5

Expert Comment

by:Bob Bender
ID: 40025320
oops, forgot to upload   lol
0
 

Author Comment

by:OnsiteSupport
ID: 40025322
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
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
LVL 5

Expert Comment

by:Bob Bender
ID: 40025333
crop BEFORE you post?  Or WP just loves jpg.
0
 

Author Comment

by:OnsiteSupport
ID: 40025336
it insists on cropping when I upload the png file.
0
 
LVL 5

Expert Comment

by:Bob Bender
ID: 40025345
uhhh, we at a standstill, I dunno  (shrugging shoulders)
0
 
LVL 34

Accepted Solution

by:
Dan Craciun earned 500 total points
ID: 40025475
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
 

Author Comment

by:OnsiteSupport
ID: 40025664
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
 
LVL 34

Expert Comment

by:Dan Craciun
ID: 40026019
Try saving it as JPEG with quality 100 and then uploading it to your site.
0
 

Author Comment

by:OnsiteSupport
ID: 40031172
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

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

What's this? As a volunteer Page Editor for Experts-Exchange.com, I have noticed that many authors also have blogs, and pull articles from their blogs to post at Experts-Exchange. I appreciate each author sharing their blog content with our site …
Transferring a wordpress site from a host or local dev server to another host can be a pain. So I've included my steps on how I have accomplished this task. Steps include an assumption that you have Cpanel access or Ftp access.. If you do not hav…
The purpose of this video is to demonstrate how to manually back up a WordPress Database. This will be demonstrated using a Windows 8 PC. The Host used will be IPage.com Log into your Hosting account. IPage will be used for demonstration : Locat…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now