They use internal trickery to make older low-resolution images look right on the screen and absolutely shine when encountering graphics and photos that are shot in much higher resolution. For those that are not aware, Apple Retina displays and now many 4k displays have more than TWICE the resolution of monitors from a few years ago with the same real estate. However, the resolution of the scaled images from Snagit does not retain the clarity needed for today’s retina displays. This is much like driving a bus to the grocery store instead of the family sedan. 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 kommentar(er)
