Традиционните формати на изображения като JPG, PNG или GIF са много популярни, но имат недостатъци, което прави използването им по-малко от идеално за определени приложения.
Ако създадете например отзивчив уебсайт, искате изображения, които изглеждат добре, независимо от ширината и височината, в която се показват. Традиционните изображения изглеждат зле, когато ги увеличите прекалено много.
Може да се наложи да покажете изображението и в различни размери, например като миниатюра на индексната страница на блога и като изображение с пълна разделителна способност в свързаната статия.
Въпреки че можете да създадете различни версии на едно изображение, така че да се избере най-подходящото, това означава, че се нуждаете от повече хранилище за това, наред с други неща.
SVG форматът на изображение е векторен формат. Това означава, че размерът му може да бъде намален или увеличен без загуба на качество (мащабируемо). Това е чудесно, ако трябва да показвате изображението на няколко места, използвайки различни разделителни способности.
Други предимства на SVG са, че размерът му обикновено е много по-малък и че дава на уеб администраторите известна гъвкавост, когато става въпрос за извършване на промени в него, тъй като някои могат да се правят директно в CSS.
Един пример: Terence Eden пресъздаде логата на популярни интернет компании като Twitter, Amazon, WhatsApp, YouTube или Reddit в SVG. Размерът на логото е намален до по-малко от 1 килобайт, понякога по-малък от 200 байта. Например логото на Twitter във формат PNG има размер 20 килобайта, SVG версията - размер 397 байта.
SVG е добър формат за лога и икони, но всъщност не е подходящ, когато става дума за снимки и други видове изображения, които показват много различни обекти.
Преобразуване в SVG
Това ръководство се концентрира върху приложения, които можете да използвате за директно преобразуване на изображения в SVG. Това не е урок за използване на приложения, създадени за създаване на векторна графика от нулата. Можете да използвате редактори за векторна графика като Adobe Illustrator (нашите липсват връзки към политиката на Adobe), Inkscape или LibreOffice Draw за това.
Има много безплатни конвертори, които можете да стартирате онлайн, но те са доста ограничени, що се отнася до процеса на преобразуване. Макар че може да са достатъчни за преобразуване на обикновено лого, което се предлага като png или jpg в svg, резултатите не са супер добри през повечето време.
Ето как оцених услугите: изтеглих логото на Ghacks и пробвах реализациите на няколко десетки SVG конвертори. Прецених резултата и отхвърлих всяка услуга, която не даде добри резултати.
- Aconvert - Услугата приема локален файл или URL адрес като вход. Единствената опция, която предоставя е да промените разделителната способност на изображението. Полученото изображение приличаше на логото на Ghacks, но размерът му беше почти двойно по-голям от размера на PNG версията на логото.
- Vector Magic - Предлага се като онлайн конвертор и настолна програма за Windows. Той обаче не е безплатен (онлайн струва 7, 95 долара на месец, а настолното издание еднократно плащане от 295 долара). Резултатите от онлайн изданието обаче са страхотни и получавате много опции за редактиране или промяна на настройките, както и едно до друго показване на оригиналното изображение и SVG копието.
- Vectorizer - още една безплатна услуга. Този идва с съветник, който можете да изберете най-добрите изходни параметри (размазване, цветове) или можете да ги зададете директно. Резултатите бяха добри с ощипване, а размерът на полученото изображение беше с една трета по-малък от оригиналното лого на PNG.
Сега Вие: Знаете ли за друга онлайн услуга или програма за преобразуване на изображения във SVG формат?
