*

写真や画像から綺麗なベクター線画に変換してくれるツールが便利

公開日: : Webサービス, ネットショップ

「この画像から線画にできる?」

この前そんな事を言われました。その画像とはある物の設計図のようなものでした。線画に出来るか?と問われれば出来ます。Adobe Illustrator で縁をなぞって線を書けばいいわけです。しかし、その画像が結構複雑なものでこれを1からやっていては結構な時間がかかってしまいます。そこで別の方法を探しました。

画像から線画にしてくれる「PicSvg」

何と写真や画像からベクター形式の線画に起こしてくれる Webサービスが存在しました。

ベクター形式とは

ベクター形式という言葉は聞きなれない言葉かもしれません。難しいことを抜きにしてざっくりと言うと、いくら拡大しても劣化しない画像形式の事です。

通常小さい写真を拡大していくと、どんどんぼやけて劣化していきます。それに対してベクター形式の画像は画質劣化などがありません。

これが結構良い精度で驚いた上に感涙ものです。試しに下記の写真を変換してみます。

タイプライター

結果は以下のようになりました。

svg

いかがでしょうか。イラスト風ですが、かなり良い精度で線画に起こされています。変換後のファイルは SVG 形式でダウンロードする事が出来、このファイルは Illustrator で開く事ができるので微修正も可能です。

使い方

PicSvg のサイトにアクセスします。

picsvg

「Upload a picture」ボタンで変換したい画像を指定します。サイズの上限は1MBまで。「SVG Color」で線画の色も指定できますよ。

picsvgで変換

上の図は変換後の写真です。Filters のドロップダウンメニューで線画の風合いを選ぶ事ができます。イラスト風だったり、線画シャキッとしてたり。

個人的には、Invert #2 はイラスト風、Invert #3 が一番実物に近いかなと思います。

好みのフィルターを選んだら、「Download image.svg」ボタンを押してダウンロードします。別画面でブラウザ上に開くので、画像の上で右クリックして「対象をファイルに保存」でダウンロードしてください。

こんな活用方法もありますよ

例えば印刷物に画像を使う場合、かなり大きな画像が必要となります。解像度が低いと(小さいと)ぼやけたものになってしまいます。

印刷物にこの図を使いたいのに、小さいものしかなーい!という場合にこのツールで変換すれば小さい図でも拡大しても劣化なし!

他にはネットショップ界隈でも活用できると思います。説明書・ダンボール箱に商品の図を使いたいけど、ちいさい図しかなーい!このツールで変換すれば(以下同様)

おわりに

写真や画像から、ベクター画像に変換できれば…という想いは昔からありました。Illustrator でやってみようと思ってもこれほど精度が高い線画には起こせませんでした。本当に夢の様なツールが出来たものです。これを無料で使えるなんて本当にありがたいです。

  • Pocket

おすすめトピックス

関連記事

メール
楽天メルマガR-Mailが週1回なら配信無料に!2015年9月から(※条件付)

楽天の各ショップから送る事ができるメールマガジン(R-Mail)が2015年4月から配信が有料になりました。お客様が求める最適なメールマガジンが届くような環境づくりの為の有料化でしたが、ここにきて手のひらを返したかのよう […]

5のつく日キャンペーン
Yahoo!ショッピング5のつく日だけ自動でバナーを切り替えてキャンペーンに誘導する

Yahoo!ショッピングでは5のつく日キャンペーンを継続的に実施しています。すなわち毎月5日、15日、25日にキャンペーンにエントリーして Yahoo!ショッピングで買い物をすると誰でもTポイントが5倍となるキャンペーン […]

スマートフォン
楽天ショップの商品ページスマホ版が見やすく改善されリニューアルしてました

2015年9月下旬、楽天ショップの商品ページのスマートフォン版が見やすく、買いやすく改善されました。楽天本家の仕様改善です。告知はされていますが、ひっそりといつの間にか改善されていたので知らない方もいるかもしれません。そ […]

ランキング1位獲得
要注意!楽天商品ページへのランクイン実績表示についてルールを制定

楽天で買い物をしていると商品ページに「この商品は楽天ランキングで1位獲得!」というようなアピールをよく見かけると思います。売れてるアピールをする為に、楽天ランキングのランクイン実績を画像なりにまとめて商品ページにドンッと […]

タブレットとスマホ
電車や飛行機内での時間つぶしに映画を観るのはどう?Google Playムービーの使い方

Freepikによるデザイン 電車通勤や電車通学中、または電車や新幹線、飛行機を使った旅行でかなりまとまった時間を移動に使う方も多くいらっしゃると思います。その間の時間、何をしますか? 寝る 読書をする 音楽を聴く 携帯 […]

商品ページの回遊率アップで売上向上を狙う為の施策について

どこのネットショップ、ショッピングモールでもそうですがマニュアル通りにただ商品を載せただけでは売上向上に繋がりません。ちょっとしたカスタマイズで商品ページの回遊率を高め、商品が売れる機会を増やすことができます。 カスタマ […]

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

       
300円カレー
カレーが300円!?長浜駅前にある激安カレー屋「SUNカリー部」えきまちテラス長浜内

滋賀県の長浜駅東口の前、一等地とも言える場所に激安なカレー屋が

divタグ
div要素のクラス名をnth-childの擬似クラスで何番目を指定しても効かない

CSS3 が登場して擬似クラス nth-child が使えるよ

PhotoshopなどAdobeソフトのシリアル番号を忘れたり紛失した場合

Photoshop など Adobe ソフトのシリアル番号はイ

メルカリのうるさすぎる不要なプッシュ通知を止める

CM でも放送されている誰でもかんたんフリマアプリとして代表的

シーリングファン
天井に取り付けられるプロペラ「シーリングファン」の意味とは?

天井が高いカフェやオフィスなどでたまに天井に取り付けられている

→もっと見る