実は簡単！3分で分かるSVGアイコンの作り方 | WebNAUT

テクノロジーカテゴリーの変更を依頼記事元:

webnaut.jp

37 usersがブックマークコメント

コメント

2

記事へのコメント2件

注目コメント
新着コメント

blogpants SVGが何だかよくわかってなかったが、わかりやすく理解できました( •̀ .̫ •́ )✧

2021/03/01 リンク

aoiasaba 肝に銘ず(´・ω・`)

SVG
icon

2018/11/21 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

実は簡単！3分で分かるSVGアイコンの作り方 | WebNAUT

※この記事は2017年3月30日に執筆された記事です。現在は仕様が異なる可能性があります。スマートフォン... ※この記事は2017年3月30日に執筆された記事です。現在は仕様が異なる可能性があります。スマートフォン、Retinaディスプレイ、など高解像度ディスプレイへの対応にSVGが注目されるなか、WebNAUTでもリニューアルに伴いアイコン類を全てSVGにしました。この記事では、サイトのリニューアルや立ち上げなど、沢山のアイコンをSVG形式で作るときに役立つ方法を紹介します。 SVGとは？ “Scala ble Vector Graphics”の略称であり、簡単に言うとweb上で使える拡縮可能なベクター画像です。主に下記のようなメリットがあります。スマホ対応・Retina対応も1つのファイルでOK 同じデザインなら、スマホ用、hover用、色違い…、などいくつもpng画像を用意する必要はありません。また、結果的に画像が減るのでHTTPリクエスト数の削減にも繋がります。後からサイズや色の調整が

ブックマークしたユーザー

blogpants2021/03/01
takutao2019/07/29
aoiasaba2018/11/21
mut00tum2018/10/16
hrdnok2018/09/25
hayasi-n2018/08/01
tak-kun2018/04/03
sakimoridotnet2018/02/25
mizuho031213172017/11/05
kancun2017/10/20
ironri2017/09/14
sippo_des2017/09/13
kazroo2017/06/16
tomatomameme2017/05/22
cocoyuyue32017/05/06
miukro2017/04/23
shirotorabyakko2017/04/06
lingling_yas2017/04/05

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

設定を変更しましたx