تحويل SVG إلى PNG: وما زالت الأشياء موجودة ، ولكن هناك خيارات

بقلم ألكسندر توبوركوف ، مطور الويب في Email Soldiers

تنسيق الرسوم SVG (Scalable Vector Graphics) هو أكثر تنسيق رسومات متجه انتشارًا اليوم ، والذي يقارن بشكل إيجابي بالنقطية ، أولاً وقبل كل شيء ، القدرة على تغيير حجم الصور وتحويلها. لكن في بعض الأحيان تحتاج إلى تحويل SVG إلى PNG (رسومات الشبكة المحمولة) - تنسيق رسومات نقطية.

متطلبات التصوير اليوم عالية. يجب أن تبدو جميلة في كل مكان ، من الهاتف إلى الشاشة الضخمة. لا يمكنك الاستغناء عن الرسومات المتجهة: من الأفضل تنفيذ الشعارات والمخططات والرسوم التوضيحية في المتجهات - يصبح هذا واضحًا إذا قارنت تنسيقات مختلفة للصورة نفسها عند القياس:

لماذا يتم تحويل SVG إلى PNG

تنسيق SVG قديم وفقًا لمعايير تقنية المعلومات. مرت عشر سنوات على إصدار الإصدار الأول في عام 2001 إلى الإصدار الحالي في 16 أغسطس 2011. يتم دعم SVG من قبل جميع المتصفحات ، ويبدو أن الإنترنت بالكامل يجب أن يتحول بالفعل إلى الرسومات المتجهة. ولكن لا يزال هناك العديد من القيود على استخدام SVG.

على سبيل المثال ، مثل:

1. لا تظهر ملفات SVG في معظم عملاء البريد الإلكتروني - هناك بحث جيد حول هذا الموضوع.
2.   RSS, YML (Yandex Market Language)  Google Merchant  SVG- —     .
3. SVG  OpenGraph (  HTML- ,     ). ,    : Facebook    SVG.

    ,    —   ,    .  , .

   — ,  , . ,  , ,   , , .

    ( )    SVG-:  .    SVG   PNG — YML-,  Mindbox   ,    .

SVG  PNG  —       . SVG: ,  — . .

: PHP   ImageMagick

  ImageMagick — , Photoshop. PHP. PHP- Imagick,   PHP.

  SVG  PNG :

<?php

$imagick = new Imagick();

$fp = fopen(‘image.svg’, ’rb’);

$imagick->readImageFile($fp);

$imagick->setImageFormat("png8«); //png8 — png c 8-

$imagick->writeImage(‘image.png’);

fclose($fp);

   . , SVG  ImageMagick    ,   libmagickcore-6.q16-3-extra.  ,   Debian Linux,   .

:

sudo apt-get install libmagickcore-6.q16-3-extra

SVG. .     ,   : ,    .  , «».

  ,  .   ?  , ,   $imagick->readImageFile, 5%. .

,   ,  .  ,    ,  .

ImageMagick  - .    / .   -    , ImageMagic .

: Node.js

 PHP  , ,  — JavaScript.   Node.js.

 SVG : PhantomJS,   — Headless Chrome. ,   ,  Chrome-,    .   , ,   . ,   SVG   ,   ( ).     .

    :    ,   SVG  PNG . , ,   —   node.js.

,   - .    .

     —   .     .        .

 —     .

:

 — ,   .   PHP-.   .    .

    ImageMagick.

<?php

$cline = ‘convert image.svg image.png’;

shell_exec($cline);

?>

   ImageMagick   ,    . , -     ImageMagick,     .

 SVG. Inkscape. ,  , :

sudo apt-get install inkscape

  :

<?php

$cline = inkscape -z --export-png=image.png image.svg’;

shell_exec($cline);

?>

  : SVG .

<?php

$cline = inkscape -z --export-png=image.png -w 1000 image.svg’;

shell_exec($cline);

?>

: Inkscape  , ImageMagick, SVG-  PNG.     .   SVG- YML-: .

Inkspace ImageMagic   .

,     :  Google, Facebook, Yandex. IT-     SVG?    , ,     .

,   , 10 .