Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

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

Posted on 2014-04-26
14
Medium Priority
?
209 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
Understanding Web Applications

Without even knowing it, most of us are using web applications on a daily basis. Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We often confuse these web applications tools for websites.  So, what is the difference?

 

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
 
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 35

Accepted Solution

by:
Dan Craciun earned 2000 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 35

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

Important Lessons on Recovering from Petya

In their most recent webinar, Skyport Systems explores ways to isolate and protect critical databases to keep the core of your company safe from harm.

Question has a verified solution.

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

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 Summer 2017 Scholarship Winners have been announced!
The purpose of this video is to demonstrate how to Test the speed of a WordPress Website. Site Speed is an important metric of a site’s health. Slow site speed can result in viewers leaving your site quickly and not seeing your content. This…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
Suggested Courses

721 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