Как да конвертирате JPG и PNG изображения в SVG

Традиционните формати на изображения като JPG, PNG или GIF са много популярни, но имат недостатъци, което прави използването им по-малко от идеално за определени приложения.

Ако например създадете отзивчив уебсайт, искате изображения, които изглеждат добре, независимо от ширината и височината, в които се показват. Традиционните изображения изглеждат зле, когато ги увеличите твърде много, например.

Може да се наложи да покажете изображението и в различни размери, например като миниатюра на индексната страница на блога и като изображение с пълна разделителна способност в свързаната статия.

Въпреки че можете да създадете различни версии на едно изображение, така че да бъде избрано най-подходящото, това означава, че имате нужда от повече място за съхранение, наред с други неща.

Форматът на изображението SVG е векторен формат. Това означава, че размерът му може да бъде намален или увеличен без загуба на качество (мащабируемо). Това е чудесно, ако трябва да покажете изображението на няколко места, като използвате различни разделителни способности.

Други предимства на SVG са, че размерът му обикновено е много по-малък и че дава на уебмастърите известна гъвкавост, когато става въпрос за извършване на промени в него, тъй като някои могат да се направят директно в CSS.

Един пример: Теренс Идън пресъздаде логата на популярни интернет компании като Twitter, Amazon, WhatsApp, YouTube или Reddit в SVG. Размерът на логата беше намален до по-малко от 1 килобайт, понякога до 200 байта. Например логото на Twitter във формат PNG има размер от 20 килобайта, SVG версията - размер от 397 байта.

SVG е добър формат за лога и икони, но не е много подходящ, когато става въпрос за снимки и други видове изображения, които показват много различни обекти.

Преобразуване в SVG

Това ръководство се концентрира върху приложения, които можете да използвате за директно преобразуване на изображения в SVG. Това не е урок за използване на приложения, предназначени да създават векторни графики от нулата. За това можете да използвате редактори за векторна графика, като Adobe Illustrator (нашите връзки към правилата на Adobe все още не съществуват), Inkscape или LibreOffice Draw за това.

LibreOffice Draw

За Windows

Налични са много безплатни конвертори, които можете да стартирате онлайн, но те са доста ограничени, когато става въпрос за процеса на преобразуване. Въпреки че може да са достатъчни за конвертиране на просто лого, което се предлага като png или jpg в svg, през повечето време резултатите не са супер добри.

Ето как оцених услугите: изтеглих логото на Ghacks и изпробвах преобразуванията на няколко десетки SVG конвертори. Прецених резултата и отхвърлих всяка услуга, която не даде добри резултати.

• Aconvert - Услугата приема локален файл или URL като вход. Единствената опция, която предоставя, е да промените разделителната способност на изображението. Полученото изображение изглеждаше като логото на Ghacks, но размерът му беше почти два пъти по-голям от PNG версията на логото.
• Vector Magic - Предлага се като онлайн конвертор и настолна програма за Windows. Не е безплатно обаче (онлайн струва $ 7.95 на месец, настолно издание еднократно плащане от $ 295). Резултатите от онлайн изданието обаче са страхотни и вие получавате много опции за редактиране или промяна на настройките, както и страничен дисплей на оригиналното изображение и копието на svg.
• Векторизатор - Друга безплатна услуга. Този се предлага с помощник, който можете да изберете най-добрите изходни параметри (размазване, цветове), или можете да зададете тези директно. Резултатите бяха добри с някои настройки, а размерът на полученото изображение беше с една трета по-малък от оригиналното лого на PNG.

Векторна магия

За Windows

Сега ти: Знаете за друга онлайн услуга или програма за конвертиране на изображения във формат SVG?