SVG WebP-be konvertálás
Alakítsa a vektoros fájlt WebP-képpé pontosan akkora pixelszélességben, amekkorát az oldal elrendezése igényel. Hasznos, ha a tartalomkezelő rendszer nem fogadja el az SVG-feltöltést, ha egy közösségi előnézethez bitképre van szükség, vagy ha egy illusztráció annyi útvonalat tartalmaz, hogy a böngésző lassan rajzolja ki.
Képkonvertáló
vagy húzza ide a(z) JPG, JPEG, JPE … fájlok fájlokat ·
Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után
A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.
A 85 vizuálisan azonos az eredetivel. Csak akkor csökkentse, ha kisebb fájlra van szüksége.
A JPG, BMP és EPS nem támogat átlátszóságot. Az átlátszó képpontokat ezzel a színnel tölti ki.
Az átlátszó képpontok mögé kerülő hexadecimális szín, pl. #FFFFFF.
Ez a formátum egyetlen képet tárol. Válasszon GIF vagy WebP kimenetet, ha meg szeretné tartani az animációt.
A többméretű ikon több felbontást tartalmaz egyetlen fájlban; a böngészők és operációs rendszerek kiválasztják a megfelelőt.
Megtarthatja az eredeti méreteket, vagy megadhat egy oldalt, és az oldalarány megmarad.
A fent választott oldal mérete képpontban.
Az eredeti méretek hány százaléka.
Az sRGB képernyőhöz és a webhez megfelelő. Nyomtatási munkafolyamatokhoz tartsa meg az eredetit; a szürkeárnyalatos eldobja a színt.
Csak metaadat, a 0 megtartja az eredeti értéket. A nyomtatók és egyes portálok ezt a számot olvassák; a képpontméreteket nem változtatja meg.
Az eszköz használata
- 1
Töltse fel az SVG-fájlt
Adjon hozzá legfeljebb 20 darab .svg fájlt, amelyeket Figmából, Illustratorból, Inkscape-ből vagy diagramkönyvtárból exportált, egyenként legfeljebb 95 MB méretben.
- 2
Adja meg a kimeneti szélességet
A Kimeneti kép átméretezése 1200 px szélességről indul; állítsa arra, amely a kép oldalon elfoglalt szélességének kétszerese. A Minőség értéke 90, egyszínű logóknál és ikonoknál pedig a Speciális beállítások alatt jelölje be a Veszteségmentes négyzetet.
- 3
Konvertálja WebP-be
Nyomja meg a Konvertálás WebP formátumba gombot, majd töltse le a fájlokat vagy egyetlen ZIP-et. Az átlátszó területek átlátszóak maradnak.
Hogyan alakíthatok SVG-t WebP-vé meghatározott méretben?
Töltse fel az SVG-t, állítsa a Kimeneti kép átméretezése értékét a kívánt pixelszélességre (alapértelmezés: 1200 px), majd nyomja meg a Konvertálás WebP formátumba gombot. A vektor az adott szélességben újra kirajzolódik, így semmi sem lesz felnagyítva vagy elmosódva.
Mikor érdemes az SVG-t WebP-vé alakítani
Az SVG 2001-ben lett W3C-ajánlás, és a legtöbb logóhoz és ikonhoz ez a megfelelő formátum: néhány kilobájtnyi szöveg, amely bármilyen nagyításban éles marad. A gond akkor kezdődik, amikor a fájl elhagyja a saját kódját. A WordPress és sok bérelt webshopmotor elutasítja az SVG-feltöltést, a Facebook, a LinkedIn és az X linkelőnézetei bitképként töltődnek le, a tervezőeszközök pedig beágyazott raszteres effektekkel exportálnak, amelyek a vektorfájlt több megabájtnyi kóddá hizlalják.
A WebP-t a Google 2010-ben adta ki, a Safari pedig csak a 14-es verzióban, 2020-ban kezdte támogatni; ez az erre a feladatra szánt bitkép: ugyanolyan megjelenés mellett kisebb a PNG-nél, és valódi alfacsatornája van. Ha az SVG-t közvetlenül a végső méretben renderelja WebP-be, kihagyhatja a nagy PNG-exportos kerülőutat. Ha a fordított irány is érdekli, az WebP SVG-be oldalunk elmagyarázza, miért kell ahhoz vektorizálás az átalakítás helyett.
SVG WebP-be: méretek a gyakori webes helyekhez
1200 × 630 px
Open Graph linkelőnézet
Az oldal megosztásakor megjelenő kép
1920 × 1080 px
Teljes szélességű főoldali illusztráció
A legtöbb asztali képernyőt lefedi 1×-es sűrűségen
1600 × 900 px
Blogoszlop képe 2×-es felbontásban
800 px-es tartalmi oszlophoz
400 × 100 px
Fejléclogó 2×-es felbontásban
200 × 50 px-es logóhelyhez
SVG
Scalable Vector Graphics
Az SVG XML-alapú vektorformátum, amelyet a W3C 2001-ben szabványosított. Pixelek helyett alakzatokat, útvonalakat és szöveget ír le, ezért bármilyen méretben éles marad, logókhoz és ikonokhoz pedig általában apró. Támogatja az átlátszóságot, a CSS-stílusozást, a szkriptelést és az animációt, és minden böngésző natívan megjeleníti. Az SVG fényképekhez nem alkalmas, az összetett illusztrációk megjelenítése pedig lassúvá válhat. Az Illustrator, az Inkscape, a Figma és a böngészők meg tudják nyitni és szerkeszteni.
- Tömörítés
- –
- Átlátszóság
- Igen
- Animáció
- Igen
- Bevezetés éve
- 2001 · W3C
WEBP
WebP kép
A WebP a Google által 2010-ben kiadott képformátum, amely gyorsabbá teszi a weboldalak betöltését. Egyetlen formátumban támogatja a veszteséges és a veszteségmentes tömörítést, az alfa-átlátszóságot és az animációt. A veszteséges WebP fájlok jellemzően 25–35%-kal kisebbek a hasonló vizuális minőségű JPEG-eknél, a veszteségmentes WebP pedig általában kisebb a PNG-nél. Minden mai böngésző támogatja, de egyes régebbi asztali programok, nyomtatási szolgáltatások és feltöltési űrlapok még elutasítják. A Windows, a macOS és a legtöbb modern képszerkesztő megnyitja a WebP fájlokat.
- Tömörítés
- Veszteséges vagy veszteségmentes
- Átlátszóság
- Igen
- Animáció
- Igen
- Bevezetés éve
- 2010 · Google
Azért alakítják az SVG-t WebP-vé, hogy könnyű, rögzített méretű bitképet kapjanak olyan helyekre, amelyek nem fogadják el a vektorfájlokat vagy lassan rajzolják ki őket, például CMS-be, közösségi előnézetbe vagy terhelt nyitóoldalra; a WebP-ből SVG pedig vektorizálás, nem formátumcsere.
Hogyan raszterizálódik az SVG, és mit ellenőrizzen
Az átalakító beolvassa az SVG saját szélességét, magasságát és viewBox értékét, majd minden útvonalat az Ön által megadott szélességben rajzol ki; a magasság az oldalarányt követi. Mivel a rajzolás a végső méretben történik, a vékony vonalak és a kis szövegek egyszer, a megfelelő léptékben kapnak simítást. Egy kis PNG utólagos felnagyítása sosem néz ki ilyen tisztán.
A betűtípusok szoktak meglepetést okozni. Ha az SVG olyan betűtípust nevez meg, amely nincs beágyazva vagy körvonallá alakítva, tartalék betűtípus lép életbe, és a sorhosszak megváltoznak. Exportálás előtt alakítsa körvonallá a szöveget a tervezőeszközben. Az SVG-ben URL-lel hivatkozott külső képeket az átalakító nem tölti le, ezért ágyazza be őket, vagy előbb lapítsa az anyagot.
SVG WebP-be konvertálás: mit tegyen és mit ne
| Így igen | Így ne |
|---|---|
| Renderelje a megjelenített CSS-szélesség 2×-esére | Ne alakítsa át az egyszerű beágyazott ikonokat, amelyek SVG-ként kisebbek |
| Egyszínű, kevés színű logókhoz használja a Veszteségmentes módot | Ne renderelje 4000 px-en egy 600 px-es helyhez |
| Őrizze meg az SVG-mestert a későbbi méretekhez | Ne küldjön WebP-t e-mailes hírlevelekben |
| A WebP-t width és height attribútumokkal szolgálja ki, hogy elkerülje az elrendezés ugrálását | Ne várjon élő szöveget: a WebP pixelekből áll, nem kijelölhető szöveg |
Kérdések az SVG WebP-be konvertálásáról
Milyen pixelszélességet válasszak az SVG WebP-be konvertálásakor?
Vegye a kép CSS-pixelben megadott megjelenítési szélességét, és duplázza meg, hogy éles maradjon a nagy pixelsűrűségű telefonokon és laptopokon. Egy 800 px-es oszlopban megjelenő illusztrációt 1600 px-en érdemes renderelni. A 3× ritkán éri meg a weben, mert a fájl nő, a látható javulás viszont kicsi.
Jobb a WebP, mint az SVG egy weboldalon?
Egyszerű logóknál, ikonoknál és diagramoknál nem: a tiszta SVG apró és minden méretben éles, ezért tartsa meg. A WebP az összetett, színátmenetes, szűrős vagy rengeteg útvonalat tartalmazó illusztrációknál jobb, illetve ott, ahol csak bitkép fogadható el, például közösségi előnézeteknél vagy SVG-t nem támogató CMS-nél.
Megmarad a WebP-ben az SVG átlátszó háttere?
Igen. A WebP veszteséges és veszteségmentes módban is teljes alfacsatornát tartalmaz, így az SVG kitöltés nélküli területei átlátszóak maradnak. Az alakzatok szélei az átlátszóságra simítottak, ezért bármilyen háttérszínen jól mutatnak.
Veszteséges vagy veszteségmentes WebP vektoros grafikához?
A veszteségmentes mód az egyszínű logókhoz, ikonokhoz és néhány tömör színt használó diagramokhoz való; ezek nagyon jól tömörödnek, és a szélek tökéletesen tiszták maradnak. A 85–90-es minőségű veszteséges mód a színátmenetes, árnyékos vagy textúrás illusztrációknak megfelelő, ahol a veszteségmentes fájlok nehézzé válnak. Próbálja ki mindkettőt egy fájlon, és tartsa meg a kisebb, tisztán látszó eredményt.
Miért nem tölthetek fel SVG-t a WordPressbe?
A WordPress nem engedélyezi az SVG feltöltését, mert az SVG szkripteket hordozhat. A WebP-t a 2021-ben megjelent 5.8-as verzió óta elfogadja, így az átalakítással olyan fájlt kap, amelyet a médiatár biztonsági bővítmény nélkül is befogad. Ahol valódi vektor kell, az SVG-támogatás egy tisztító bővítménnyel pótolható.
Használhatom a WebP-képet e-mailes hírlevélben?
Kerülje. Több levelezőprogram, köztük a Windowsos asztali Outlook, nem jeleníti meg a WebP-t, a Gmail pedig az SVG-t sem. E-mailhez inkább az SVG PNG-be átalakítóval renderelje a grafikát.
