Mengonversi SVG ke PNG: dan semuanya masih ada, tetapi ada opsi

Oleh Alexander Toporkov, pengembang web di Email Soldiers

Format grafik SVG (Scalable Vector Graphics) adalah format grafik vektor yang paling umum saat ini, yang lebih baik dibandingkan dengan raster, terutama, kemampuan untuk menskalakan dan mengubah gambar. Tetapi terkadang Anda perlu mengonversi SVG ke PNG (Portable Network Graphics) - format grafik bitmap.

Persyaratan pencitraan saat ini tinggi. Mereka harus terlihat cantik di mana-mana, dari ponsel hingga layar besar. Anda tidak dapat melakukannya tanpa grafik vektor: logo, diagram, ilustrasi paling baik dilakukan dalam vektor - ini menjadi jelas jika Anda membandingkan berbagai format gambar yang sama saat penskalaan:

Mengapa mengonversi SVG ke PNG

Format SVG sudah tua menurut standar teknologi informasi. Sepuluh tahun telah berlalu sejak rilis versi pertama pada tahun 2001 ke versi saat ini 16 Agustus 2011. SVG didukung oleh semua browser, dan tampaknya seluruh Internet seharusnya sudah beralih ke grafik vektor. Namun masih banyak pembatasan penggunaan SVG.

Misalnya seperti:

1. File SVG tidak muncul di sebagian besar klien email - ada penelitian bagus tentang topik ini.
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 .