Skip to main content
Inspiring
November 19, 2023
Answered

PhotosopはSVGデータとして「書き出し」はできますか?

  • November 19, 2023
  • 2 replies
  • 19201 views

基本的な質問にて失礼します。

Photoshopは作成した画像をSVGデータとして「書き出し」できますか?

僕のPhotoshop(25.1.0)では「書き出し」>「書き出し形式...」にて、
書き出せるファイル形式はPNG、JPG、GIFの選択しかできません。

 

どうぞ、ご教示くださいませ。よろしくお願いいたします




#MacOS Sonama14.1.1

This topic has been closed for replies.
Correct answer Yamonov

ajabon grinsmithさま

 

承知しました。ありがとうございます。

 

本件については「解決」(または納得)に至ってないモヤモヤした感じが残っております。

これは、当方の元々の知識不足や理解力によるものです。そのへん、どうぞご容赦くださいませ。


ええと、すみません、当初の質問の「Photoshopはsvg〜」については解決しているだろうと思います。

納得に至っていないのは派生した内容のほうではないでしょうか?

2 replies

Yamonov
Legend
November 19, 2023

その書き出しダイアログでのsvgフォーマットは2024で完全に廃止されました。

今は、アセット生成でsvgフォーマットのデータを作れます。

Photoshop アセット で検索してください。詳しい解説ページが出ます。

 

ただ…確認しておきたいんですが、ベクターデータとラスターデータの違いはご存じですよね。

アセット生成でラスターデータをsvg形式にしても、中身はsvgのガワで包まれてbase64エンコードされたpngです。単純にpng形式にするよりも数倍大きいだけのデータですから意味はありません。シェイプレイヤーはまともなsvg形式にできます。

 

ラスター画像をベクター化したい、ということでしたら、Adobe Expressなどのサービスを使うか、Illustratorでトレースさせるしかありません(Photoshopにはその機能はありません)。

 

--Yamonov
ann_panAuthor
Inspiring
November 20, 2023

Yamonovさま

 

アセット生成によるsvgフォーマット形式の生成、じっさいに試してみました。ありがとうございました(レイヤーの名前に拡張子.svgを付けて、その後、ウァイル > 生成 > 画像アセット)

’’アセット生成でラスターデータをsvg形式にしても、中身はsvgのガワで包まれてbase64エンコードされたpngです。’’この場合の”中身はsvgのガワで包まれた”というニュアンスが、つかめません。すみません。

base64エンコードについては承知しております。

「大小のアルファベット、数字、記号を組み合わせた文字列への変換」という認識です。

たとえば、こんな感じでしょうか?
こんにちは
44GT44KT44Gr44Gh44Gv

ここからは大胆な推測で、たぶん間違っていると思うのですが…

それは、ラスターデータの場合、ドットの色調が、base64でエンコードされる、すなわち上記のような文字列で表現されている….とか…

そうイメージすると、なんとなくウェッブのHTMLのタグとの相性も良さそうです。たとえばこんな感じです。

<img src="data&colon;image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg">

で、一方では、illustratorなどで描いたイラストを.svgや.aiで保存した場合は、base64による文字列ではなく、違う表現になっていて、同じsvgと言っているけれど、じつは、まったく別物だよみたいな….

Yamonov
Legend
November 20, 2023

>ラスターデータの場合、ドットの色調が、base64でエンコードされる、すなわち上記のような文字列で表現されている….とか…

 

そうです。バイナリデータがそのままbase64エンコードでテキスト化されsvgフォーマット内に置かれます。画像をアセットでsvgにしてテキストエディタで開くと分かります。

 

相性……というか、画像を軽いpng形式でリンクするのではなく、html等にわざわざ埋め込んでしまったほうが良い場合であれば、という条件付きでしょう。通常は画像データをsvgに、ラスターデータのまま埋め込む必要は、ファイルサイズの総量から言ってもあまりないのではないでしょうか。

 

>一方では、illustratorなどで描いたイラストを.svgや.aiで保存した場合は、base64による文字列ではなく、違う表現になっていて、同じsvgと言っているけれど、じつは、まったく別物だよみたいな….

 

「ベクトル」と「ラスター」のデータの違いです。

 

svgは基本的にベクトル形式のデータを扱うものですから、ラスターデータを、あまり意味の無いエンコードしての埋め込みではなくベクトルとして扱うなら、画像をトレースしてベクトルにするしかありません。

で、この操作はPhotoshopはできません。Illustratorや先に書いたサービスでトレースさせる必要があります。

さらに、こうして作られたsvgは、↑で想像できるように非常にデータ量が重くなります。

--Yamonov
assause
Community Expert
Community Expert
November 19, 2023

行えないでしょう。

ヘルプのほうにもファイル形式一覧はあるものの、SVGは記載されていません。

 

一般的にはSVGで期待されるのはベクターとしてのデータ内容ですし、ビットマップ作成を前提とするPhotoshopで扱うだけの意味があまりないように思います。

SVGの生成が必要な場合、ベクターデータ作成を前提とするIllustratorがその役割を担っていることも理由になるでしょう。

ann_panAuthor
Inspiring
November 20, 2023

assauseさま

貼っていただいた「ファイル形式一覧」チェックしてみました。.svgが入っていないことを確認しました。ありがとうございました。