画像の透過:::SVGファイル:無料で使えるアプリ・ソフト｜アルファチャンネル


　ＳＶＧファイルをＧＩＭＰで使えると知って喜んでいましたが、「パスのデータ」とあり画像が表示出来ない場合があります。
SVGのファイルの特徴や使える画像ソフトの事（主に無料のGIMPとInkscape）について調べました。

　

１：　SVGファイルとは

ＳＶＧ（Scalable Vector Graphics）：：　

透過した画像もｐｎｇファイルなどに比べて軽量で取り扱える事もあり、アイコンやロゴによく使われています。
拡大しても画質が変わらないので人気ですね。
しかし、先に理解しておきたいことは「パスのデータ」とあり「画像として」ではないということなので
ＨＰなどのｗｅｂ上やPhotoshopなどのソフトへ表示出来ない場合があります。 その他の特徴は

　Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス、SVG、日: 変倍ベクタ図形）は、XMLベースの、2次元ベクターイメージ用の画像形式の1つである。アニメーションやユーザインタラクションもサポートしている。（wikipedia：以下にリンクURL）

  1. ＸＭＬで記述する・ベクター画像
  2. 画像を拡大しても画質が変わらない、サイズ変更可能。
  3. サイズが軽い
  4. CSSやJavaScriptと組み合わせしやすい
  5. 後から編集しやすい（パスで作成される為）
  6. 検索エンジンに認識され易い
  7. 写真には不向きな場合あり（複雑な画像には不向き）

写真などの複雑な画像には適さない＝簡単で軽量な図形のような画像に適している・・というわけで、
ｗｅｂ素材やアイコンなどにはこちらのＳＶＧファイル、他はｗｅｂｐファイルという感じでしょうか。

　

２：　編集する方法・アプリソフト（無料・有料）について

無料・有料ソフト・アプリ

　無料では

  • Ａｆｆｉｎｉｔｙーーーエクスポートするだけで簡単に使えて画像表示できていた。
  • ＧＩＭＰ（パスのみ）ーーー試したところ、画像を選択したときの選択した枠の線だけは表示されてあり、何度やっても中身は無理でした。
  • Ｉｎｋｓｃａｐｅ

　有料では

  • Ｐｈｏｔｏｓｈｏｐ、ｉｌｌｕｓｔｒａｔｏｒなどのＡｄｏｂｅ製品、
  • ＣＬＩＰＳＴＵＤＩＯ（Ｐｒｏ版）、
  • Ｆｉｇｍａなど

３： ＳＶＧ：サムネイル表示できない

   ＰＣ内でローカル環境のフォルダに入っているSVGのファイルは
フォルダ内の一覧でアイコン表示しても全てＥｄｇｅのアイコンになってしまいます。
サムネイルはなくプレビューが出来ないので、SVG Explorer ExtensionというものをDLするしかありません。

そうでなければ、ファイル名で内容を分かるようにしないと、忘れていて久しぶりに見ると「不明なファイル」になりそうです。
サムネイル等がないから軽量なのでしょうか。
ＰＤＦファイルや画像ソフトのファイルもそうですが、extension以外に専用の管理アプリもあるかもですね。

　ＰＣ内のみならずネット上でも管理画面（ファイルマネージャー）などにプレビューがされないので扱い難く、web上の場合はアップロードして一旦、本番環境に公開しないとどんな画像か見えないので作業効率が随分と違ってくる様です。
効率も大事ですが・・万が一、人に見られたくない画像を間違ってしまうと大変です。

不便だったので、表示するために以下も試しました。 

画像の入っているフォルダ ＞ オプション ＞ 「常にアイコンを表示し、縮小版は表示しない」にチェック    ーーー  失敗（これで、今までのサムネイルが全て「ファイル」のアイコンになりSVGは変わらず、余計に分かり難くなり慌てて元に戻しました。）。

 
  まあ、大人しく「SVG Explorer Extension」をダウンロードすれば良いだけですけど。。

あと、Adobeでは専用のビューアーが何かしら（bridge？）あるそうですが、そのまま画像編集に繋がるのか高機能なので起動が重たいそうです。

      
ついでにｐｓｄやａｉファイル等のサムネイルも表示出来ると良いなと思い出したので
１つのツールで他のファイルも全てサムネイル表示が使えるというアプリを探します。

Ｗｉｎｄｏｗｓの機能だけで出来ると一番ありがたいです。

　

　

４：　アルファチャンネル：透過：くり抜いたスタンプ・ステッカー・無料

 SVGファイルは使い方を調べていると主にスタンプやアイコン・ファビコンに使われているのですが、同時によくalpha channelという言葉が出てきます。
アルファチャンネル（alpha channel）とは、透過の度合いを設定する事でした。

くり抜いたスタンプ・ステッカーなどを作るには、この透過の機能が必要です。

無料で簡単にできる方法：：
ＰＣ（Windows）では、３Ｄペイントという最初からデフォルトで入っているソフトで切り抜き（背景の透過）と
色塗りでも透明度の調整（アルファチャンネル）が簡単に出来て起動も早く動作も軽く
とても使いやすかったです。

何年か前にはアプリなどで「スタンプが作れる」というものを使ってスタンプの作成をしても
背景が透明にならずに操作が間違っていたのか出来ませんでしたが、今では簡単に出来るようになっているみたいです。
スマホではデフォルトの「写真」「アルバム」の編集でもいつの間にか可能になっています。

　　

５：　その他・終わり・参考サイト

ここまで読んでくださり、ありがとうございました。

サイトまたまた引っ越すかもしれませんが・・

気が向いたらまたよろしくお願いいたします。

参考サイト：

アルファチャンネル - Wikipedia
ウィキペディア https://ja.wikipedia.org › wiki › アルファチャンネル
SVGのプレビューをWindowsのファイルエクスプローラーで確認
https://qiita.com/pea1205/items/da0531cb29bbb1ee2d1f
psd、ai、svgのファイルアイコンのサムネ表示（Windows10）
https://note.com/webdirector/n/n7af36af9e73b
Windows 10で画像ファイルのサムネイル（縮小画像）が正常に表示されない場合の対処方法
https://faq.nec-lavie.jp/fa/qa/web/knowledge18929.html
Windows11 ai、psd、epsファイルのサムネイルを表示させる方法【Windows11】 石川パソコン修理センター
https://ishi-pc.net/colum/win11-thumbnail/

コメント

コメントを投稿

読んでくださって、ありがとうございます。お気軽にコメントして頂けると嬉しいです。返事は９０％くらいお返ししますが、めちゃくちゃ遅い場合があります。気長にお待ちください。

このブログの人気の投稿

jw-cadで色ぬり｜線や文字が見えるように塗りつぶす方法
イメージ
　jw-cadでは何でも複数の方法があり、色塗りは「多角形」というメニューからもできますが･･、 そのままやってしまうとベタッと塗りつぶしになって 線や文字が見えなくなってしまったので、 境界線がちゃんと分かるように塗りつぶす方法を探しました。 以下は、過去記事で現在の状況と違う可能性がありますが、参考になりましたら幸いです。 補足的な記事も追加しました。初心者の備忘録ですので、参考までに。 目次 １：　メニューまで ２：　線をハッキリさせる設定 　　　 ３：　色塗りについて ４：　ハッチについて ５：　参考・終わり 　 １：　メニューまで 　因みに、色塗りの方法も複数（いろいろな方法が）あるとのことですが、 私が知っている方法はおそらく簡単な方だと思うので、 初心者向けに最適なので・・このサイトの趣旨にとても合います！ なので、こちらを残したいと思います。 先ず、色塗りの（簡単な）方法から。 画像つきで分かりやすい記事を作成予定ですが・・取り急ぎ手順のみ、 以下の　 ３：　色塗りについて 　という方法です。 ツールバーのメニューを探せばあります。 ツールバーとは、ウィンドウ画面の左右や一番上の辺りに並んでいるメニューのことです。 （初心者はメニューの場所さえ分からなくて困るんですよね･･） 　 ２：　線をハッキリさせる設定　 線をハッキリさせる方法ですが・・。 　↓　　以下の様に設定をするだけです。 [基本設定]を実行。 一般（1）タブを開く。 下部にある「画像・ソリッドを最初に描画」にチェックを付ける。 上記の設定をすれば、塗った後からでも線が復活しました！ 色の微調整が結構難しいです・・。 ↑ JwCadで後からソリッドを挿入すると、 前に書いた線や文字が見えなくなってしまいますが、表示の順番を後から変更して線を上に見せる方法です。 ３：　色塗りについて ツールバーの位置はパソコンによって様々なので、 各々がカスタマイズしていただければ良いかと思います。 多角形 ↓ 任意 ↓ 図形をクリック（※） ソリッド図形（□） ↓ 任意...
Read more »

JW－CAD::レイヤが消えた！「反転表示」を戻す方法｜
イメージ
　あせりました・・。 　JW-cadで作図していた際に、レイヤを確認していて 今まで作成していた図の一部が急に消えた事があります。 その時に原因をたまたま見つけたので、解決法を探すことが出来ました。 折角なので、備忘録として残します。 （間違っていた＆役に立たない場合、すみませんというか・・。） MENU：：：メニュー 　  １：　原因：反転表示 　 ２：　事の発端・困った状態　　 　 ３：　解決した方法 　 ４：　原因のまとめ 　 ５：　参考サイト：　 　 １：　 原因：反転表示 図の一部が急に消えた事について。 いろいろ調べた結果、レイヤが消えてなくなった訳ではなく レイヤーの反転表示となっていたということが判明。 反転していると、例えばですが、 白い画面に「白い文字」・・なので見えなくなります。 それが分かるまでは「消えた筈ないだろう・・」と、 レイヤの番号を１つ１つ見たり、 全画面表示にしてみたり レイヤを色々と触って探していると、 ○や×を触った瞬間に元の図が見え隠れし、 画面の左上に「レイヤ反転表示中」という文字が表示されたのでした。 　 ２：　事の発端・困った状態 　JW-cadで作図中に、レイヤを確認していたら今まで作成していた図の一部が急に消えた場合。。。 そのあと直ぐに確認すること。 レイヤの番号ボタンの下や端っこに 「○」や「×」のマークのボタンがあります。 ○をクリックすると×の記号メニューは全て消え （もう一度クリックすると元に戻り） ×をクリックすると画面の左上に 「レイヤ反転表示中」という文字が表示され、 「反転表示」となっている・・ということが分かりました。 しかし、元へ戻す方法が分からない・・。   早速その、反転表示を元に戻す方法をネット検索しました。 文字編集も少し関係があるということらしいです。   ３：　解決した方法 以下の方法で反転表示は解除される模様です。   「Ctrl」キーを押しながら、×の付いたレイヤボタンをクリックすると プロテクト解除出来ます。 Jw-cadの公式サイトのヘルプページからの情報です。 ありがとうございました。...
Read more »

wheelグループとは:::Linux初心者向けの本について｜メモリ空き容量の確認｜sshやsudoは安全か｜
イメージ
　今回は「wheelグループについて」を中心に調べた事です。 　自分はパソコンに詳しくないのですが、一時期は好奇心や色々な理由が重なってLinuxをしばらく使いました。 （古いＰＣを復活させたいのとWindowsのアップデートでＰＣの不具合があったり複数の理由で） ついでなので数年間使った感想と使い勝手レビューみたいなことをまとめています。 私と同じくあまり詳しくない人に・・、参考になりましたら幸いです。 目次 　　 １：　ｓｕｄｏとは｜安全｜設定をした方法 ２：　wheelグループとは｜一般ユーザーとsudoについて ３：　Linux初心者向けの本について思ったこと ４：　ＳＳＨがどうなっているのか｜自分のＰＣを確認する方法 4-1　自分のＰＣのバージョン情報を確認したい場合 4-2　ＳＳＨの確認方法 4-3　メモリの空き容量の確認方法 4-4　不要なメモリを削除するには 　 ５：　参考・終わりに 　　　 　 １：　ｓｕｄｏとは｜安全｜設定をした方法 　一番大事だと思うので、sudoについて アプリなどインストールする場合、手順を説明してあるサイトなどでは よく「su root」などと書いてあり、それを使う場合も多いと思いますが、 「sudo」の方を使用すると、通常のユーザーが root ユーザーとしてコマンドを実行する事ができます。 （sudoでの説明のあるサイトも多いです。） sudo は su コマンドとは異なり、より柔軟で安全 大きな利点の 1 つは、使用状況をログに記録できる 　「su root」よりも安全だったら、「sudo」使った方が良いし是非・使うべきですけど・・更に、 「wheelグループ」だったら以下の通り、もっと安全かもしれません。 詳しくは分からないので断言は出来ませんけど。。 　あと、最近たまたま知りましたが「ｓｕｄｏｅｒｓ」とかいうグループ（Debian系）もあるみたいです。 ｍｉｎｔには関係あるのですけど使いこなせないかもしれません。（調べ中。） 　 ２：　wheelグループとは｜一般ユーザーとsudoについて ...
Read more »