SVGをPNGに変換する:そして物事はまだそこにありますが、オプションがあります

EmailSoldiersのWeb開発者であるAlexanderToporkovによる



グラフィック形式SVG(Scalable Vector Graphics)は、今日最も普及しているベクトルグラフィック形式であり、ラスター、まず第一に、画像をスケーリングおよび変換する機能と比べて遜色ありません。ただし、SVGをPNG(ポータブルネットワークグラフィックス)(ビットマップグラフィックス形式)に変換する必要がある場合もあります。



今日のイメージング要件は高いです。電話から大画面まで、どこでもきれいに見えるはずです。ベクトルグラフィックなしでは実行できません。ロゴ、図、イラストはベクトルで作成するのが最適です。これは、スケーリング時に同じ画像のさまざまな形式を比較すると明らかになります。



svgをpngに変換する





SVGをPNGに変換する理由



SVG形式は、情報技術の標準では古いものです。2001年の最初のバージョンのリリースから2011年8月16日の現在のバージョンまで10年が経過しました。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 .




All Articles