SVGの書き出しおよび表示方法
Kotoriはマルファン症候群という難病を患っています！ 今後は、マルファン症候群に関するトピックも扱っていきます！ KOTORI Blogの公式キャラクター「パンD」です。 拡大縮小しても汚くならないベクター画像をサイト上に表示できるSVGを解説します。イラレを使った書き出し方法や、サイト上に表示する方法を超具体的に紹介します。 まえがき この記事を書いてるちょっと前に、このKOTORI Blogをリニューアルしました。 どうせリニューアルするならと、サイト内のイラストは基本全てSVGで書き出そうと思い立ち無事に実現できたので、SVGをブラウザに表示するためにKoToRiが実際に行った事をまとめて記事にしたいと思います。 それから、この記事ではSVGを作成するためにAdobeのIllustratorを使用します。 IllustratorのバージョンがいくつからSVGを書き出せるようになっ
ロゴはSVGにして使いまわそう！簡単スマホ対応。｜ビリオンプランのスタッフブログ
せっかくのスマホサイト、高解像度デバイスで見たらロゴや見出し画像が粗くて残念。 なんてことはよくある話。というわけでロゴだけでもSVGでスマートフォン対応しましょう！ ロゴはSVGで使いまわそう。 サイト内で複数回の使用が想定されるロゴ画像は、いちいちサイズ別に画像を用意するのは面倒です。 ひとつベクターデータのSVGロゴを用意しておけば、使いまわせますし何より高解像度デバイスにも対応できます。 参考：各ブラウザの対応状況 http://caniuse.com/#search=SVG SVGとは？ SVG（エスブイジー）【 Scalable Vector Graphics 】とは、ベクター形式の画像フォーマット／画像記述言語です。ベクター形式なので、画像品質を維持したまま拡大縮小を行うことができます。そのため高品質なグラフィックでも、ファイルサイズが小さいのが特徴です。JPEGやPNGデー
水彩絵の具デザインを無料でたのしむ、美しいフリーベクター素材まとめ
ウェブデザインだけでなく、グラフィックデザインでも人気となっている、水彩絵の具ペイントデザイン。人間らしさや温かさ、ビンテージな質感などを表現できるアイテムを中心に、無料ダウンロードできるベクター素材をまとめてご紹介します。 ロゴデザインやポストカード、ウェブサイトのデザインパーツなどの作成から、巨大なビルボード広告まで対応できる、拡大縮小も自由自在なベクター素材が揃っています。 詳細は以下から。 水彩絵の具デザインを無料でたのしむ、美しいフリーベクター素材まとめ Watercolor Summer Labels Vector 暑い日が続いている、この夏シーズンにぴったりなラベル、バッジを水彩絵の具デザインと組み合わせたセット。 Watercolor Dots Vector ドット状に16種類のパステルカラーを揃え、どれも落ち着いた色合いが素敵なアイテム。 Blue Watercolor
Retina対応にSVGは本当に使えるのか？
高解像度スクリーンに対応できるのは嬉しいですが、普通の解像度しか持たない端末にも大きなファイルをダウンロードさせなければならないのは、3G回線などの遅い回線での表示パフォーマンスを考慮すると、SVGが適していないケースもありそうです。ただ、サーバ上でGZIP圧縮した場合、平均30%ほどサイズを削減できることを考慮すると、数十KBの差がある場合を除いて、表示パフォーマンスと表示クオリティのバランスもとれてくる気がしています。 ちなみに、Illustratorで「圧縮」を選択してsvgzとして保存すると2,395Bになりました。これならPNG8のファイルサイズにだいぶ近くて良い感じですね。Apacheの設定にSVGZが記述されていれば圧縮版を使えるので、このサイズだったら現実的な気がしてきました。ただ、サーバの設定がうまくいかないのか、Illustratorでの書き出しが悪いのか、SVGZを表
スマートなヴィンテージ、ラベルやシール素材59種｜無料ベクター | DotsDomino
ラベル・シール・フレームの、スマートなヨーロピアンクラシック・ヴィンテージ素材セットです。 シルエットデザインを使って、ヴィンテージやレトロ物に使われてきたクラシックなラベル類を、スマートなヨーロピアンクラシックのヴィンテージラベルにしています。 無料ダウンロードで使えるベクターのスマートなヴィンテージ素材《ラベル・シール・フレーム》59種類を紹介します。 クラシックなラベル/フレームは、色数を少なくして置かれている背景に馴染ませると、デザインに落ち着きが生まれます。スマートデザインを作りたいときの一手ですが、ヨーロピアンクラシックに応用するとスマートなヴィンテージが出来上がります。しかも、ロゴマークのような強い個性を持ちながら。 上質やプレミアムのラベルを簡単に作りたいときに便利。スマートなヴィンテージ素材《ラベル・シール・フレーム》59種類です。 ・フォーマット : ベクターEPS,
gwebstock.net - このウェブサイトは販売用です！ - gwebstock リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
DryIcons.com - Free Icons and Graphics
Search through more than 6700 vectors and icons designed by DryIcons!
Free icon - Freepik
Mockup generatorBring designs to life, effortlessly
Free Vector Downloads & Graphics from VectorJunky
Disclaimer: All of these free vector files are exclusive property of VectorJunky.com and can be only used under our Standard License.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
新着記事
ブドウのアルファベット
Ars Grafik | Graphic Design Downloads for the Designer
flode リダイレクト
商用フリーで使える影絵素材サイト シルエットデザイン
無料でダウンロードできるベクター素材集 - DesignWalker
css-lecture.com
手抜きのWEBデザイン : ロックなテイストの素材で手抜き - livedoor Blog（ブログ）
花、植物イラスト Flode illustration （フロデイラスト）
Index of /