Image problems holding me up

  • 1
  • Question
  • Updated 10 years ago
  • Answered
Image problem. I'm trying to get my images full size to show up clear for my picnic table plans. I load into the site builder full size, save and then view, but the Text in the image doesn't show up clear. However if you zoom in the text clears up. I need this text to appear sharp for others who come to my site in case they could use my plans. I don't want to have them jump through hoops just to see the additional instructions. Yes I will have actual text describing the project that will not be in the picture,but I want this looking as pro as possible. Look here at what I mean. http://hobbiesaboutus.synthasite.com/...
Photo of Thrundar

Thrundar

  • 195 Posts
  • 0 Reply Likes

Posted 10 years ago

  • 1
Photo of Mstgrr

Mstgrr

  • 31 Posts
  • 4 Reply Likes
Hi Thrundar,

This is a common problem experienced with graphical text. What image editing software are you using? Your diagrams are vector-based so I'm guessing that you're using Illustrator or similar.

There may be a short answer to this, or the solution may be more complex. Try the easy way and if that doesn't work you can try my long-winded option.

The Short Answer:

The Style you've selected has a maximum width of 868 pixels. Your diagram file is quite a bit larger at 1204 x 831 pixels, so it's being resized to fit the page. You may find that your image displays sharper if you export it with a width of 868 pixels.

You can also try playing around with different file formats to see which compresses better - JPG, GIF OR PNG. This tutorial may give you some insights into suggested applications for each: http://www.synthasite.com/tutorials/i...

The Long-winded One:

I suggest that you try working in a combination of Illustrator and Photoshop and to see if it works better for you. By this I mean resizing your diagram to correct pixel dimensions, and reworking the text on that file in Photoshop.

• In Illustrator, export your original vector file of your diagram only (as an EPS or PDF), leaving out the text!

• Open the exported file in Photoshop - depending on which file format you chose, it may give you the opportunity to set it's image size (dimensions and dpi).

• Type these dimensions in, or open the Image Resize dialog: Image > Image size and type 868 into the Pixel Dimensions and 300dpi into the Resolution field (I know that a web image is 72dpi, we're just playing it safe). Your image should now be the correct max width for your web page.

• Using the Text tool, write the text that you require. Arial 12pt in black should do the trick. Tip: A drop-down menu offers various anti-aliasing methods when generating type (Sharp, Crisp, Strong, Smooth). You can try those to see which option is more legible.

• Once done, save your file (in Photoshop format, in case you wish to edit the text another day). And export your final image by going: File > Save for Web & Devices. Test to see which file format works best for you, possibly GIF or PNG for this particular purpose. Be sure to watch the file size to ensure quick loading times for your web page.

I hope that this is useful to you, and that I'm not being too technical. It's tough to know how much information is too much!

t
Photo of Thrundar

Thrundar

  • 195 Posts
  • 0 Reply Likes
The program I used to create this is Google sketchup 5. I inserted the text in sketchup and not another program. That version doesn't have any options for changing the dpi. I don't have Photoshop...I went ahead and loaded up the images as is for now with instructions on how to view and print them on my page. I think tweaking them how you suggested will be best. However right now the page takes about 3-4 minutes to load for me. (dial up). So not sure about making the dpi density much more than it is now. Would converting this whole projext to pdf be better? I think that can be done in google doc's? Then again, a pdf doesnt show text for search engines does it? With what I have now, there is at least some text for the search engines.
http://hobbiesaboutus.synthasite.com/...
Photo of Thrundar

Thrundar

  • 195 Posts
  • 0 Reply Likes
I did a test and reduced one of the images down to 800x552 and it worked wonders. The text in the image is now much clearer. Now I need to go delete all those original images and replace them with reduced sizes! lol. Oh well. Good ol dial up. Here we go again. But it'll look much better.
Photo of Monique

Monique, VP of Customer Support

  • 6294 Posts
  • 446 Reply Likes
Tracy, our art director, is a genius when it comes to images and site design. I am so glad she helped you with this one and that the simpler of her two suggestions worked. Good luck getting this fixed with your dial up connection!
Photo of Thrundar

Thrundar

  • 195 Posts
  • 0 Reply Likes
Oh, it'll work. Just take me at least 3 hours to do it