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

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

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

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

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

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

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

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

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

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

convert image to svg

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

LibreOffice Draw

За Windows

Свали сега

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

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

  • Aconvert - Услугата приема локален файл или URL адрес като вход. Единствената опция, която предоставя е да промените разделителната способност на изображението. Полученото изображение приличаше на логото на Ghacks, но размерът му беше почти двойно по-голям от размера на PNG версията на логото.
  • Вектор магия - Предлага се като онлайн конвертор и настолна програма за Windows. Той обаче не е безплатен (онлайн струва 7,95 долара на месец, а настолното издание еднократно плащане от 295 долара). Резултатите от онлайн изданието обаче са страхотни и получавате много опции за редактиране или промяна на настройките, както и едно до друго показване на оригиналното изображение и SVG копието.
  • Vectorizer - Още една безплатна услуга. Този идва с съветник, който можете да изберете най-добрите изходни параметри (размазване, цветове) или можете да ги зададете директно. Резултатите бяха добри с ощипване, а размерът на полученото изображение беше с една трета по-малък от оригиналното лого на PNG.

Вектор магия

За Windows

Свали сега

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