Skip to main content
A
ann_pan
Inspiring
November 19, 2023
解決済み

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

  • November 19, 2023
  • 返信数 2.
  • 19201 ビュー

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

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

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

 

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




#MacOS Sonama14.1.1

このトピックへの返信は締め切られました。
解決に役立った回答 Yamonov

ajabon grinsmithさま

 

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

 

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

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


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

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

返信数 2

Yamonov
Yamonov
Legend
November 19, 2023

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

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

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

 

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

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

 

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

 

--Yamonov
    A
    ann_pan作成者
    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
    Yamonov
    Legend
    November 25, 2023

    Yamonovさま

    アドバイスありがとうございました。
    ご返答遅れてしまいました。申し訳ありません。

    貼っていただいたラスターとべクターの違いのウェブページ読みました。
    参考になりました〜

    PhotoShopのリサンプルについて、

    このYoutubeを参考に、じっさいに試してみました。
    https://youtu.be/YGRq44douIs?si=7A0El5_MPyMplMD0 

    概略は以下の通りです。

    <<オリジナル画像>>
    解像度: 72px/inch

    サイズ:1024✕1024px

    <<変更>>
    解像度:（印刷時には、このくらい必要みたいなので）350px/inch

    サイズ:（解像度を上げたら自動的に、このようなサイズに）4980✕4980px

     

    そのうえで、

    １）メニューバーの「設定」＞「テクノロジープレビュー」の中の
    「ディティールを保持し2.0アップスケールを有効にする」のチェックを確認

     

    ２）メニューバーの「イメージ」＞「画像解像度」の中の

    「再サンプル」にチェックを入れて「ディテールを保持2.0」を選択し、
    「ノイズを軽減を20%」にして保存。

    ◎結果:
    パソコンの画面上では、画質の違いが分からなかったのですが、

    画像の容量が、オリジナルの680KB→変更後5.6MBとなりました。

     

    なにか間違いなどございましたら、遠慮なく、ご指摘くださいませ。

     


    Photoshopのディテールを保持2.0は、今となってはかなり効果の低いアップサンプルだったりします。効果的に使える範囲は2倍程度まででしょうか。

     

    （Photoshopのアップスケール設定の仕組みはかなりわかりにくいので……ディテールを保持2.0や「自動」、スマートオブジェクトに対する効果についてはこちらも参照してください。

    https://iwashi.org/archives/5809

     

    Photoshop以外のソフトウェアが、有料・無料ともにかなり出ていますので、そちらも試して見てください。それぞれにクセがあり、使い分ける必要があります。

    real-esrgan、waifu2x、などなど。WEBサービスだとこういうのも。

    https://kakudai-ac.com/

     

    あと、画像単体で350ppiになっていても解像度的にはあまり意味がありませんから、注意してください。解像度の理解は画像を扱うデザイナや印刷会社の人ですら間違っていたりしますので、大変だと思いますが……

    「印刷で必要」なのは、IllustratorやInDesignに…つまり実世界のmmやcmといったサイズのものに配置し、拡大縮小した状態で、ピクセルの密度が350ppiになっていることが必要です。「ピクセルには大きさの概念がない」ことも、理解の前提としてください。

    DTPで言う「解像度」とはリアル世界へ配置したときのピクセルの密度を言います。

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

    行えないでしょう。

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

     

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

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

    A
    ann_pan作成者
    Inspiring
    November 20, 2023

    assauseさま

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

    契約条件Accessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices