勉強したことのメモ

Webエンジニア / プログラマが勉強したことのメモ。

PHPにてSVGファイルをjpg / png画像に変換する方法

  PHP

PHPにてSVGファイルをjpgもしくはpng形式の画像ファイルに変換したいというケースがあった。調べたところImagickモジュールを使用することで対応できるらしい。以下に対応方法をメモ。

 

Imagick

インストールされているか確認

phpinfo()で「imagick」の項目があればインストールされている筈。

インストールされていない場合は過去記事を参考の上、インストールすること。

 

対応方法

jpgの場合

<?php
$image = new Imagick();
$svg = file_get_contents('./test.svg');
$image->readImageBlob($svg);
$image->setImageFormat('jpeg');

if( $image->writeImage('./test.jpg') ){
    echo 'success';
}else{
    echo 'error';
}

pngの場合

<?php
$image = new Imagick();
$svg = file_get_contents('./test.svg');
$image->readImageBlob($svg);
$image->setImageFormat('png24');

if( $image->writeImage('./test.png') ){
    echo 'success';
}else{
    echo 'error';
}

 

リファレンス

readImageBlob

https://www.php.net/manual/ja/imagick.readimageblob.php

setImageFormat

https://www.php.net/manual/ja/imagick.setimageformat.php

writeImage

https://www.php.net/manual/ja/imagick.writeimage.php

 - PHP

  関連記事

JavaScriptで画像読み込み完了のタイミングを検知する「imagesLoaded」ライブラリの利用方法
JavaScriptで画像読み込み完了のタイミングを検知する「imagesLoaded」ライブラリの利用方法

大き目のサイズの画像をページに設置すると読み込み完了まで時間がかかる。その画像が ...

PHPでファイル書き込み時に「failed to open stream: HTTP~~」エラー
PHPでファイル書き込み時に「failed to open stream: HTTP~~」エラー

PHPでファイルを書き込む際に「failed to open stream: H ...

「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法
「slick」でスライダー中央の下部にのみ指定したコンテンツを表示する方法

「slick」でスライダー画像の下部に何らかのコンテンツ(テキスト・リンク・別画 ...

jQuery.uploadでリアルタイムプレビュー
jQuery.uploadでリアルタイムプレビュー

やりたい事は、 ・<input type="file">で画像を選択 ...

ライブラリ等を使用せずファイルをドラッグ&ドロップでアップロードする方法
ライブラリ等を使用せずファイルをドラッグ&ドロップでアップロードする方法

formにドラッグ&ドロップでファイルをアップロードする機能を実装する場 ...