Support community for TTG plugins and products.
NOTICE
The Turning Gate's Community has moved to a new home, at https://discourse.theturninggate.net.
This forum is now closed, and exists here as a read-only archive.
You are not logged in.
Pages: 1
Is it possible to load a vector image into the masthead? If not, what are best practices for a pixel image to look good on various devices/resolutions?
Offline
Not so much. The web favors JPGs. Depending on your image, then PNG will probably yield best file quality and scaling, but it best employed for things such as logos, simple graphics, etc. For bad example, a photo saved in PNG is gargantuan, so you would not want to use PNG for a photo banner.
When it does come to vectors on the web, I think SVG is the thing. There's good support for SVG in modern browsers, but support gets spotty as you backpedal through time, and you'd do well to read up on the topic before deciding to go that route.
Offline
Hi Matthew,
Right, I have a PNG in place now, but while it looks fine on my non-Retina MBP screen, I feel it looks ever so slightly fuzzy on my iPhone.
I did try to upload an SVG version via the Upload Image tool within Backlight, but that didn't work due to non-supported file type.
Are there any other avenues I could pursue, without getting overly technical?
Thanks,
Stephen
andersonlindsay.com
Offline
Without getting overly technical, no not really. Getting technical, you could use PHPlugins and CSS media queries to load a higher-resolution image based on the display's pixel-density.
At some point down the line, I may start to build in support for srcset attributes, or conditional image use based on pixel density, but I'm still working to solidify the foundation before I pile on such extras.
Offline
Understood. Thanks for your time, and for continued development of the Backlight platform.
Offline
Pages: 1