Till exempel, på så kallade “adaptiva” sajter är bilder som ser lika bra ut på skärmar oavsett diagonal (läs, oavsett bredd eller höjd) absolut nödvändiga.
Och de nämnda, och i en tvångssträckt/förhöjd form, ser väldigt olika ut och ofta dåliga.
Dessutom, ofta på en webbplats (inklusive vår) kan samma bild användas både som en miniatyrbild av inlägget och som en fullängdsillustration i samma och/eller i ett annat inlägg.
Som regel, från en sådan bild, skapar webbplatsen automatiskt flera kopior av olika storlekar samtidigt, från vilka den sedan väljer den som är bäst lämpad för en skärm med en viss diagonal (detta är i allmänna termer).
Således måste flera versioner av en bild ständigt lagras i webbplatsens bibliotek, vilket inte längre anses vara en optimal lösning i dessa dagar.
Detta gör att den enkelt kan skalas (ökas/visas) utan att förlora kvalitet. Det vill säga, om vi återvänder till vårt exempel med webbplatsen, låter SVG-formatet dig spara bara en bild på servern, som kommer att se ut av samma kvalitet på olika sidor på webbplatsen och på olika skärmar (helst).
En annan fördel med tekniken (SVG) är att filer i detta format “väger” relativt lite. Detta ger webbansvariga en viss flexibilitet när det blir nödvändigt att ändra något i sådana filer.
Dessutom kan vissa ändringar göras direkt i CSS-redigeraren, vilket är mycket bekvämt.
Som ett exempel på att använda SVG kan vi citera detta arbete av en berömd bloggare, som, som en del av ett experiment, samvetsgrant översatte de största internetföretagens logotyper till detta format.
Som du kan se är “vikten” för varje logotyp mindre än 1 kilobyte, och för vissa är den mindre än en halv kilobyte. En standardlogotyp i PNG väger alltså 20 kilobyte, och i SVG väger den bara 397 byte.
Det är därför knappar och olika ikoner ofta sparas i SVG på webbplatser. Men för fotografier och teckningar, särskilt de som avbildar flera objekt samtidigt, är SVG mindre lämpligt (eller inte alls lämpligt).
Låt oss omedelbart notera att vi kommer att prata om onlinetjänster som är mycket bekväma att använda för att konvertera filer online. Du kan enkelt hitta information om professionella programvaruverktyg för att arbeta med vektorgrafik (Adobe Illustrator, Inkscape, LibreOffice Draw, etc.) på Internet.
Det finns också gott om onlinekonverterare nuförtiden. Men, som det visar sig, när det kommer till kvaliteten på konverteringen är deras räckvidd kraftigt reducerad. Och det som är mest obehagligt är att detta inte upptäcks omedelbart och rent genom försök och misstag.
Men efter att nyligen ha varit förbryllad över frågan om att hitta en onlinetjänst för att konvertera en logotyp från PNG till SVG och efter att ha målmedvetet testat nästan tre dussin Googled-konverterare, har vi sammanställt en liten lista över de mest lämpliga (enligt vår åsikt) resurserna åt oss själva. :
- — accepterar både färdiga filer från din dator och webbadresser till bilder. Det finns ett alternativ för att ändra bildupplösningen. Vid konvertering visade sig logotypen till SVG vara av tillräcklig kvalitet, men den “väger” dubbelt så mycket som källan i PNG.
- — tjänsten är betald. Det finns en onlineversion (7,95 USD per månad, registrering krävs) och en Windows-applikation (erbjuds på samma sida för 295 USD). Automatiska och manuella lägen tillhandahålls. För experimentets skull använde vi onlineversionen av Vector Magic. Och jag måste säga att det glatt överraskade mig med dess funktionalitet och kvaliteten på det slutliga resultatet (jag gillade möjligheten att jämföra den resulterande SVG-bilden och källan och välja kvaliteten på den slutliga SVG-filen).
- — tjänsten är gratis och är särskilt intressant eftersom den bland annat även har en automatisk redigeringsfunktion och en Wizard där du kan ställa in konverteringsparametrar. Och efter installationen började Vectorizer producera SVG-filer som i genomsnitt var en tredjedel lättare än PNG-källor med samma bildkvalitet.
