Hogyan szerkessz SVG-fájlokat a böngészőben
Frissítve:
Ha egy SVG-t szeretnél szerkeszteni a böngésződben, nyisd meg az EditItAll vektorszerkesztőjében. Alakítsd át az útvonalakat a pen tool segítségével, állítsd be vagy egyesítsd az alakzatokat logikai műveletekkel, szerkessz szöveget, és változtasd meg bármi színét. Mentsd vissza SVG-ként, vagy exportálj PNG-t 2×-es méretben. Minden módosítás a saját eszközödön történik, semmi nem kerül feltöltésre.
Csináld most — ingyen, a böngésződben
Open the vector editorMiért érdemes magát az SVG-t szerkeszteni
Az SVG (Scalable Vector Graphics) egy képet alakzatokként és útvonalakként tárol: matematikaként, nem pixelekként. Ezért marad egy SVG-ként mentett logó tökéletesen éles, akár favicon, akár óriásplakát, és ezért ez a megfelelő formátum ikonokhoz, logókhoz és illusztrációkhoz. Azt is jelenti, hogy megnyithatod a fájlt, és a tényleges alakzatokat szerkesztheted ahelyett, hogy pixeleket tologatnál.
Az SVG-forrás szerkesztése szinte mindig jobb, mint egy exportált PNG szerkesztése. Mozgass el egy csomópontot, és a görbe sima marad; változtass meg egy kitöltést, és a szín pontos lesz; méretezd át az egész alakzatot, és semmi nem mosódik el. Ehhez olyan szerkesztőre van szükséged, amely érti a vektorokat.
SVG megnyitása és szerkesztése lépésről lépésre
Az EditItAll vektorszerkesztője közvetlenül a böngésződben nyitja meg az SVG-fájlokat:
- Nyisd meg a szerkesztőt, és töltsd be a
.svgfájlodat: legyen az logó, ikonkészlet vagy illusztráció. - Használd a kijelölőeszközt (V) egész objektumok mozgatásához és átméretezéséhez, valamint a közvetlen kijelölés eszközét (A) egyes csomópontok megfogásához.
- Változtasd meg a kitöltések és körvonalak színét, szerkessz bármilyen szöveget a szövegeszközzel (T), és igazítsd a helyükre az alakzatokat intelligens segédvonalakkal és Illustrator stílusú gyorsbillentyűkkel.
A munkád automatikusan mentésre kerül a böngésződben, ahogy haladsz, és a teljes szerkesztő tovább működik akkor is, ha az oldal betöltése után offline állapotba kerülsz: ez egyértelmű jele annak, hogy a fájlod nem kerül elküldésre sehova.
Útvonalak átalakítása és egyesítése
Az igazi erő az útvonalak átalakításában rejlik. A pen tool (P) bézier fogópontokkal ellátott csomópontokat helyez el, így újrarajzolhatsz egy görbét, hozzáadhatsz egy pontot egy logóhoz, vagy nulláról megrajzolhatsz egy új alakzatot. A ceruza a szabadkézi rajzoláshoz van.
Összetettebb grafikák létrehozásához egyesíts egyszerűbb alakzatokat logikai műveletekkel: Egyesítés az összeolvasztásukhoz, Elülső kivonása az egyik alakzat kivágásához a másikból, Metszet csak az átfedés megtartásához, és Kizárás annak eltávolításához. Ezek egy pontos aritmetikájú geometriai motoron futnak, így a keletkező élek tiszták maradnak ahelyett, hogy pixeltörtekkel elcsúsznának. Így alakítasz néhány téglalapot és kört egy kész ikonná.
Mentés SVG-ként vagy PNG exportálása
Ha végeztél, mentsd vissza .svg formátumba, hogy a fájl teljesen szerkeszthető maradjon, vagy exportálj PNG-t 2×-es méretben, ha rasztergrafikára van szükséged a webhez vagy egy dokumentumhoz. Ha már van egy SVG-d, és csak PNG-re van szükséged, a dedikált SVG–PNG konverter ezt egy lépésben elvégzi.
Két őszinte korlát: a szerkesztő szabványos SVG-t olvas be, nem az Adobe .ai vagy .eps fájljait, és nem támogatja a gradiensrácsot, a mintás kitöltéseket vagy a CMYK színt. A mindennapi logók, ikonok és illusztrációk SVG-ként való szerkesztéséhez azonban minden, amire szükséged van, a saját eszközödön fut. Nyisd meg a vektorszerkesztőt a kezdéshez.
Kipróbálod?
Ingyenes, regisztráció nélkül — és semmi, amit megnyitsz, nem hagyja el az eszközödet.
Gyakori kérdések
Feltöltésre kerülnek az SVG-fájljaim, amikor szerkesztem őket?+
Nem. A vektorszerkesztő teljes egészében a böngésződben fut, így a fájlod soha nem hagyja el az eszközödet. Az oldal betöltése után lekapcsolhatod az internetet, és tovább szerkeszthetsz, ami bizonyítja, hogy semmi nem kerül elküldésre sehova.
Meg tudja nyitni az Adobe Illustrator .ai fájljait?+
Nem. A szerkesztő szabványos SVG-t nyit meg, nem az Adobe .ai vagy .eps fájljait. Ha a grafikád Illustratorban van, először exportáld vagy mentsd el SVG-ként, majd nyisd meg azt az SVG-t itt.
Exportálhatom az SVG-met PNG-ként?+
Igen. Exportálhatsz egy PNG-t 2×-es méretben éles rasztergrafikáért, vagy használhatod a dedikált SVG–PNG konvertert, ha csak az átalakításra van szükséged szerkesztés nélkül.
Mit nem tud a szerkesztő?+
Nem olvassa be az Adobe .ai vagy .eps fájljait, és nincs gradiensrácsa, mintás kitöltése vagy CMYK színe. Mindennapi logókhoz, ikonokhoz és illusztrációkhoz SVG-ben a pen tool, az alakzatok, a logikai műveletek, a szöveg és a rétegek bőven elegendők.
Elveszítem a munkámat, ha frissítem az oldalt?+
Nem. A munkád szerkesztés közben automatikusan mentésre kerül a böngésződ helyi tárolójába, így egy frissítés vagy egy bezárt lap nem törli azt. Ezek a mentett adatok az eszközödön maradnak.