SVG пішімі
SVG — әр нүктенің түсін емес, фигуралардың өзін сипаттайтын XML-мәтін: түзулер, Безье қисықтары, шеңберлер, жазулар. Басты қасиеті осыдан — қалағаныңызша үлкейтіңіз, жиегі мінсіз тегіс қалады, себебі әр сызуда фигуралар қайта есептеледі. Айқын емес салдары да осыдан: сурет файлы <script> тегтерін және сыртқы ресурстарға сілтемелерді ұстай алады, яғни ол тек бейнелеуші емес, орындалушы да бола алады.
Сандар туралы қысқаша
- Пішім табиғаты
- пиксель торы емес, фигуралар сипаттамасы бар мәтіндік XML
- Масштабтау
- жоғалтусыз: фигуралар әр сызуда қайта есептеледі
- Мөлдірлік
- толық, кез келген элементтің ішінара мөлдірлігін қоса
- Орындалу
- <script> тегтеріне жол береді; <img> арқылы браузер оларды орындамайды
- Бізде
- қабылданбайды: құралдар растрлық пішімдермен жұмыс істейді
Вектор неге жай ғана «жақсырақ сурет» емес
Растрлық файл дайын пиксель торын сақтайды: оны екі есе үлкейтсеңіз, сол деректер үлкен ауданға созылады да, жиектер жайылып кетеді. SVG рецепт сақтайды — «доға мұнан мұнда дейін, сызық қалыңдығы екі, құюы мынадай». Шығару құрылғысы рецептті өз ажыратымдылығында орындайды, сондықтан логотип сайт бас бөлігінде де, адам бойындағы баннерде де бірдей айқын.
Бұл файлда шынымен фигуралар болғанда ғана істейді. Векторлық контейнер <image> тегінде кірістірілген растрлық сурет ұстауы мүмкін — сырттай ол әлі де .svg, бірақ үлкейткенде сол жайылған пиксельдерді көресіз. Тексеру оңай: файлды мәтіндік редактормен ашып, ішінде не бар екенін қараңыз — жол координаттары ма, әлде бірнеше экранға созылған base64 жолы ма.
Қауіпсіздік: орындала алатын сурет
- SVG — бұл XML, ал сипаттама оның ішінде скрипттерге, сілтемелерге, кірістірілген стильдерге және кірістірілген құжаттарға рұқсат береді.
- Браузер мұны ескереді: <img> тегі арқылы қойылған SVG оқшауланған режимде сызылады — скрипттер орындалмайды, сыртқы ресурстар тартылмайды.
- Ал бет разметкасына тікелей қойылған немесе тікелей сілтемемен ашылған SVG — әдеттегі беттің барлық құқығы бар толыққанды құжат.
- Практикалық қорытынды: тексерілмеген көзден алынған SVG-ні жариялау алдында атын өзгертіп қана қоймай, разметка тазалағышынан өткізген жөн.
Векторды жоғалтпай PDF алу
PDF-тің өзі векторлық: ішінде сол қисықтар, құюлар және қаріптер. Демек, дұрыс көшірілгенде SVG құжатта да вектор болып қалады — мәтін ерекшеленеді, сызықтар басып шығарғанда пикселденбейді. Растеризация, яғни SVG-ні суретке айналдыру, пішімді таңдау себебін дәл жояды.
Құралдарымыз SVG қабылдамайды: дропзоналар браузер дайын пиксель торымен беретін пішімдерге бапталған. Сондықтан адал жол мынадай. Файл редакторда жасалса — Inkscape, Illustrator, Figma — PDF-ті тікелей сол жерден экспорттаңыз, қисықтар сақталады. Түпнұсқа жоқ болса, SVG-ні браузерде ашып, бетті PDF-ке басып шығарыңыз: жүйелік принтер де векторлармен жұмыс істейді. PNG-ге растрлық экспортты вектор шынымен қажет емес жағдайға қалдырыңыз — мысалы, презентациядағы белгіше үшін.
Жиі қойылатын сұрақтар
SVG сурет конвертеріне неге жүктелмейді?
Дропзоналарымыз браузер дайын пиксель торымен беретін растрлық пішімдерді қабылдайды. Векторлық файл басқа өңдеуді талап етеді, ал оны білетін болып көріну адал болмас еді.
SVG-ден PDF жасап, векторлықты қалай сақтауға болады?
PDF-ті файл жасалған редактордан тікелей экспорттаңыз — қисықтар қисық болып көшеді. Екінші тәсіл: SVG-ні браузерде ашып, жүйелік басып шығару терезесі арқылы бетті PDF-ке шығарыңыз.
SVG шынымен қауіпті бола ала ма?
Файл скрипт ұстай алады, сондықтан бөтен сайттан алынған SVG-ні тазаламай өзіңізде жарияламаған жөн. Сурет тегінде браузер оларды орындамайды, бірақ тікелей сілтемемен файл әдеттегі бет болып ашылады.
SVG-м неге үлкейткенде бәрібір бұлдырайды?
Ішінде фигуралар емес, кірістірілген растрлық сурет жатқан болуы мүмкін. Файлды мәтіндік редактормен ашыңыз: жол координаттарының орнына ұзын base64 жолы тұрса, онда вектор жоқ.