It also means faster page loads as an image twice as large scaled by the browser is downloaded something twice as big as it needs to be. In the past using a graphics application to scale images ALWAYS yielded superior results to in-browser scaling. This is the end result of the standard PNG output from Snagit 4.1.1:Īs it turns out, using Snagit to scale down the original graphic from the two-times too large size to the size I want for the header doesn’t work as well as I had hoped. The text does not scale as well so I use the native Open Type font (OTF) file for the Moon typeface and use the text tool option to add the text to the logo. This provides a high resolution graphic that Snagit does a fine job scaling down to my 100 pixel height without a lot of artifacts. Unfortunately Snagit is still unable to handle Scalable Vector Graphic (SVG) formats so the graphic portion of the logo is a Snagit screen capture from Firefox rendering the SVG on a retina display. The original image used on that site is from Snagit. It turns out that Snagit is not very good at rendering OTF fonts to PNG for Retina displays. When creating the same exact logo in the size I wanted the graphic on the new site was always far less crisp than on the documentation site. On the documentation site the logo had excellent clarity on the text beside our Store Locator Plus logo. While working on some updates to the Store Locator Plus website I ran into a rather annoying issue when it came to the logo for the website.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |