Šta je novo?

SVG fajlovi, potrebno objašnjenje

SuperStarr

Moderator
Super Moderator
Učlanjen(a)
25.07.2002
Poruke
9,420
Poena
1,025
Moja oprema  
CPU & Cooler
AMD X4 @ 3,5Ghz
Matična ploča
GA-990FXA-UD3
RAM
32Gb DDR3 @ 1666Mhz
GPU
Strix RX480 8Gb
Storage
256Gb 850Pro + couple of AliExpress SSD's
Zvuk
Creative
PSU
Zalman ZM600-HP (Heat-Pipe :) )
Kućište
Alexander Weiss (glass front + glass side)
Monitor
AOC 32" IPS
Miš & tastatura
G602 & Drevo 87 key (Red Switch)
Mobilni telefon
Moto G9 Plus
Pristup internetu
  1. Kablovski internet
Radim na nekom FrontEnd-u, GatsbyJS i vezano je za konverziju SVG-a u PNG, JPEG, WEBP i AVIF.
Alat koji se koristi su integrisani plagini: gatsby-plugin-image & gatsby-plugin-sharp.
Ono što buni ove alate jeste "metadata" koji je upisan u sam SVG fajl a konkretno:
Kod:
viewBox="0 0 400 300"
Naime, kada nađem ili napravim SVG (logo npr) i ako je u pomenutom redu (viewBox) nekako (ne znam kako da utičem na ovo prilikom kreiranja [Inkscape] ) upisano npr "0 0 24 24" onda to znači da je taj SVG baziran na 24x24 piksela i ako mu je rezolucija veća - npr 512x512 i svaka konverzija u slike veće od 24x24 daje "krzave ivice" odnosno ne skalira sliku proporcijonalno zadatoj veličini...

Treba mi razjašnjenje:
Kako da utičem na ovaj deo metadata SVG-a prilikom kreacije / stvaranja novog i da li je moguće "konvertovati" neodgovarajući SVG u onakav kakav meni treba?
Nikad se nisam bavio vektorskom grafikom i nemam nikakvu pozadinu u ovom segmentu a nemam ni koga da pitam. :)
Svaka informacija dobro došla!
:coffee:
 
Možda ovo može da pomogne.
 
Nazad
Vrh Dno