Solved

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

Posted on 2014-04-26
14
202 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
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

WordPress has made it easy to create scalable sites based on their powerful CMS, but as great as WordPress is, there are some SEO issues that haven’t been addressed out of the box.  Fortunately these problems can be solved with a few plugins.  The f…
I want to start by talking about the use of plug-ins for WordPress. I started a web-site for a company I was working for a few years ago; I had extremely basic knowledge of HTML. I am a Graphic Designer by trade so I invited the opportunity as a cha…
The purpose of this video is to demonstrate how to insert an Iframe into WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Open Page or Post…
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…

861 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

25 Experts available now in Live!

Get 1:1 Help Now