ファビコンを環境ごとに変えると分かりやすい（Next.js, Vue3, SvelteKit, Astro） - Qiita
ファビコンを環境ごとに変えると分かりやすい（Next.js, Vue3, SvelteKit, Astro）faviconVue.jsastroNext.jsSvelteKit 「開発環境」「プロダクション環境」などごとにファビコンを変えておくと、パッと見てわかりやすい 絵文字をファビコンに設定できる Next.js, Vue3, SvelteKit, Astro での実例を紹介した そもそもFavicon（ファビコン）って？ ウェブページのアイコンです。ブラウザでページを開いたときに、タブなどに表示されていたりします: Favicon - Wikipedia File:Wikipedia favicon in Firefox on KDE (2023).png - Wikipedia ファビコンの設定方法 pngなどの画像や、SVGファイルを用意して、それをHTMLのhead内で指定しま
無料で「.ai」ファイルをPNGなどの画像ファイルに変換しIllustratorなしで開くことができる「ShapeConverter」の使い方
WindowsでAdobe Illustratorの「.ai」ファイルを一発で簡単にPNG・JPEG・BMP・GIF・TIFF・EPS・ICO・SVG・SVGZファイルに変換できるオープンソースのフリーソフトが「ShapeConverter」です。使い方もめちゃくちゃ簡単で、「ダウンロード→起動→AIファイルを開く→変換して保存する」という超絶シンプルさなので激烈に使いやすいため、知っておいて損はありません。 まずは以下からダウンロード。 Releases · gomi42/ShapeConverter · GitHub https://github.com/gomi42/ShapeConverter/releases 最新版の「ShapeConverter.exe」をクリック ダウンロードした「ShapeConverter.exe」を起動 右上の「...」をクリックして変換したい「.ai
商用でも完全に無料！ 日本の美しい伝統文様のパターン素材、四季をテーマにした和柄のパターン素材 -Japanese Mon
日本の美しい伝統文様、四季の風物詩をテーマにした現代風の和柄をロイヤリティフリーで使用できるパターン素材を紹介します。 ここで紹介しているパターン素材はすべて無料！ 個人でも商用デザインでも安心して使用できます。 ダウンロードできる和柄のパターン素材 素材のダウンロード方法 ダウンロードできる和柄のパターン素材 今回紹介するパターン素材は当ブログでは久々の登場「Japanese Mon」様。以前紹介した「基本の和柄無料素材」に加えて、四季の風物詩をテーマにした「和柄の厳選パターン素材10アイテム」の2種類あります。 素材のフォーマットは.eps, .jpg, 透過pngの3種類が揃っています。 ライセンスは独自で、個人でも法人でも無料、Webサイトやアプリや動画、ポスターや同人誌などの紙デザインで利用できます。詳しくは、よくある質問をご覧ください。
よく使う技術・サービスの公式ロゴのURLをまとめてみた！ - Qiita
みなさん初めまして！ 株式会社ゆめみでサーバーサイドエンジニアとして働いている、りょーきです！！ 最近、エンジニア向けのイベントの登壇資料を作成している中で、 「この技術の公式ロゴ、どこにあるねん！！！！」と何度も思ったので、 よく使うプログラミング言語やクラウドサービスなど、とにかく公式ロゴがあるかどうか調査して、集めてみました。 発表用資料作ってるけど、 なるべく公式のロゴを使用したい ロゴ探しに時間を費やしたくない そもそもどれが公式のロゴか分からない 上記のような方の参考になれば幸いです。 自分がよく使う・馴染みがある技術に偏ってしまっているので 「この技術もよく使うから記載してほしい！」といった要望や 「URL間違い・公式ロゴ存在するよ！｜しないよ！」などの指摘があれば、 どんどんコメントで教えてください！！ この記事では、公式のロゴがある場合は「公式」、無いまたは見つけられなか
便利なツールが登場！ 画像をWebPとAVIFに変換・最適化、SVG, PNG, JPG, GIF画像の軽量化・最適化ができるオンラインツール -Optimize Images
次世代の画像フォーマットとして注目されているWebPとAVIF、Webサイトやアプリでよく使用されるSVG, PNG, JPG, GIFの変換・軽量化・最適化ができるオンラインツールを紹介します。 IEのサポートがなくなると、WebPが画像フォーマットの主流になりそうですね。 Optimize Images Optimize Imagesは、画像（SVG, PNG, JPG, GIF）の最適化と圧縮、画像の新しいフォーマット（WebPやAVIF）への変換と最適化が簡単にできるオンラインツールです。 WebPとAVIFは高い圧縮率を備えたフォーマットです。 WebPは簡単に言うとPNG, JPG, GIFの良いとこ取りのフォーマットで、24ビットのフルカラーをサポートしています。高画質の透過PNGのサイズが大きくなってしまうことやGIFアニメーションで色数が少ない悩みも解決します。IE以外の
無料で商業利用可能なSVGアイコンの数々をダウンロード可能な「SVG Silh」レビュー
ウェブサイトや配布物を作っているときに、制作物にぴったりのアイコンが見つからず、写真やイラストを元に自分でアイコンを作成したことがある人もいるはず。このような手間を大幅に省いてくれるのが「SVG Silh」で、無料＆商業利用可能なフォトストック「pixabay」にある人・動物・物といったさまざまなイラストや写真をSVG・PNG形式のアイコンに変えてくれており、制作物にぴったりのアイコンを探し出せるようになっています。 Free SVG Image & Icon. | SVG Silh https://svgsilh.com/ SVG Silhのトップページは以下のような感じ。画面上部にSVG画像、下部にカテゴリタグが表示されています。 ウェブサイト名の下には全21色のカラーボタンが表示されており、ボタンを押すと表示されているSVG画像を全ての色を変化させることが可能。「5」と書かれたボタン
完全無料の3Dアイコン1,400個がパブリックドメインで登場 3D Icons
メタバース（ネット上の仮想世界)の話題で、3Dグラフィックへの注目が高まっているのかもしれません。 1400以上の3Dアイコンを揃えた無料素材集3D Iconsが公開されていたので、今回はご紹介します。３Dデザイン作成に役立つ無料ツールとデザイン素材と一緒に活用してみてはいかがでしょう。 完全無料の3Dアイコン1,400個がパブリックドメインで登場 3D Iconsには、120以上の2,400×2,400pxの超立体的な3Dアイコンが、4つのカラースタイル（Clay, Gradient, Color, Premium）と、3つのカメラアングルで用意されています。 合計で1,440個以上の�3DレンダリングされたPNGファイルの他、Figmaファイル、3DソフトBlenderと互換性のある.fbxファイル形式が用意されています。 このセットは、クリエイティブ・コモンズのCC0ライセンスで提供
ビジネスやオンラインショップに使えるおしゃれなイラスト素材！商用プロジェクトでも完全に無料 - Scale
Webサイトやスマホアプリなど、商用プロジェクトでも完全に無料で、ロイヤリティフリーで使用できるおしゃれなイラスト素材を紹介します。 イラストはベクターで、カラーやサイズを変更して使用できます。ファイルはベクターの.svgだけでなく、.pngでもダウンロードできます。またイラストの人物は、マスク有りと無しにも対応しています。 Scale -Royalty free vector illustrations Scaleのイラストの大きな特徴は、ベクターであるということです。イラストのフォーマットは.svgと.pngで、登録無しでダウンロードできます。 イラストは複数のカラーが使用されており、サイドバーからカラーを変更できます。用意されたカラーのセットの他に、好きなカラーを適用することもできます。 イラストのカラーは自由に変更可能 イラスト素材のライセンスは独自で、商業でも学術でもすべてのプロ
Optimus - 画像をまとめて変換してサイズ縮小
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 画像の解像度が上がっており、その結果として画像のファイルサイズが巨大化しています。画像はWebサイトやアプリでふんだんに使われるので、サイズが大きくなると、それだけでパフォーマンスが悪化します。 そこで使ってみたいのがOptimusです。画像をまとめて変換、最適化します。 Optimusの使い方 画像を登録します。複数画像をまとめて登録できます。 変換しました。1.46MB削減できました。 設定です。 OptimusがサポートしているのはJPEG/PNG/WebPになります。最適化と相互変換が可能です。画像の大きさもバッチ処理で変換可能です。見た目が派手で、使っていて面白いソフトウェアです。 OptimusはVue製、Windows/macOS/Linux製のオープンソース・ソフト
最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成するとこうなる
ブラウザのタブやブックマークに表示される「Favicon(ファビコン)」は、ウェブサイトを印象づける重要な要素です。そんなファビコンを作成しウェブサイトに表示させる最新の方法について、フロントエンドエンジニアのAndrey Sitnik氏が解説しています。 How to Favicon in 2021: Six files that fit most needs — Martian Chronicles, Evil Martians’ team blog https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs ファビコンは2000年代初頭に生まれたコンセプトで、インターネットに公開するウェブサイトはファビコンを備えているべきだとSitnik氏は主張。しかし、ウェブサイト
PNGファイルを軽くする方法 - by Takumi Hirashima
Adobe Photoshop を使って軽いPNGファイルを書き出す方法を紹介します。 例えば、画像アセット機能を使って画像を大量に書き出すときなどに便利な方法です。 ファイルサイズ小（8-bit）で書き出す 画像アセットを使って書き出す場合 クイック書き出しを使って書き出す場合 書き出し形式で書き出す場合 ファイルサイズ小（8-bit）のデメリット ファイルサイズ小（8-bit）で書き出す Adobe Photoshop で軽いPNGファイルを書き出すには「ファイルサイズ小（8-bit）」にチェックを入れます。 これは PNG-8 とはことなる書き出し形式で、PNG-24 のようにマットを必要としない透明部分を保持して書き出すことができます。 では、この方法の書き出し方法とデメリットを紹介します。 画像アセットを使って書き出す場合 画像アセットを使って「ファイルサイズ小（8-bit）」で
全て無料、本当は教えたくないフリーイラスト素材サイト116個まとめ【商用OK】
この記事では、商用利用かつ無料ダウンロードできるイラスト素材、サイトをまとめてご紹介します。 資料作成やサイト作成などあらゆる場面に重宝するフリー素材を揃えています。 国内と海外サイトに分けてまとめています、用途やデザインに応じて、お好みのイラスト素材を見つけてみてはいかがでしょう。 このリストは定期的にアップデートしており、現在5年目の大公開。ブックマークしておくと便利です。 コンテンツ目次 1. 国内の無料イラスト素材サイトまとめ（56個） 2. 海外の無料イラスト素材サイトまとめ（60個） 3. 当サイト紹介の人気イラスト素材まとめ 4. イラストを活用したデザイン参考例 5. イラスト素材編集のおすすめツール 国内の無料イラスト素材サイトまとめ ここでは、日本生まれのイラスト素材サイトをまとめています。 無料なのはもちろん、商用利用OKで高品質なイラスト素材が揃います。 商用利用可
gombine - 画像を縦または横に連結
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Twitterなどでは一つのツイートに対して貼れる画像の数に制限があります。そこで複数の画像を連結したりする技が使われます。しかし、そのために画像編集ソフトウェアを立ち上げるのは面倒です。 そこで使ってみたいのがgombineです。コマンド一つで画像をつなげてくれます。 gombineの使い方 縦に連結した版。 横に連結。 例えばこんな感じにコマンドを実行します。 $ gombine -format=png -side=bottom -out=out.png file1.png file2.png gombineはPNGまたはJPEGに対応しています。引数の最後に画像を並べていって、その順番通りに横または縦に並べていきます。できあがった画像もPNGまたはJPEGで出力されます。大き
無料でウェブ画像から物体を切り抜き透過PNGを作成できるChrome拡張「物体認識切り抜きで透過画像作成」
画像の中から特定の物体だけを切り抜く作業を手動で行うのはかなりおっくうなものです。Google Chromeの拡張機能「物体認識切り抜きで透過画像作成」を使えば、画像ファイルやウェブページの画像から対象の物体だけを自動で切り出して、透過型PNGファイルを出力できます。 物体認識切り抜きで透過画像作成 - Chrome ウェブストア https://chrome.google.com/webstore/detail/auto-background-remover-b/kpkaocloobmfnkbfjenchjopkcochdgj ブラウザ「Google Chrome」を使って上記「物体認識切り抜きで透過画像作成」のページを開き、「今すぐ試す」をクリック。 ポップアップが表示されるので、「拡張機能を追加」をクリック。 100MBを超えるファイルのダウンロードが始まり、インストール作業が行われ
無料で商用利用可能でカスタムも自由な高品質イラスト集「DrawKit」 - GIGAZINE
個人利用でも商用利用でも無料かつ自由に使えて、PSD形式なのでカスタマイズも可能な高品質イラスト集「DrawKit」が公開されています。PSDファイルは4000pxと高解像度で、PNGファイルも400px、800px、1200pxの3種が用意されており、ウェブサイトやコンテンツを作る時に非常に使い勝手のよさそうな素材となっています。 DrawKit - Beautiful free illustrations https://www.drawkit.io/ 上記URLにアクセスしたら「Browse now」をクリック。 すると、スクロールダウンで以下のようなイラストを見ることができるようになります。 イラストは記事作成時点で6つのカテゴリに分けられており、随時更新中とのこと。1つのイラストにつきカラー版とモノクロ版の両方が用意されているのが特徴です。グラフを示すイラストや仕事中っぽい女性の
商用利用OK！クリスマス・秋冬のデザインにぴったりなシームレスのかわいいパターン素材 -Holiday Patterns | コリス
クリスマス、秋冬の休日をイメージしてデザインされたパータン素材を紹介します。パータンはシームレスに利用でき、Webデザインでも紙のデザインでも、プロダクトのデザインでも利用できます。 Holiday Patterns collection Holiday Patternsは通常は有料素材ですが、今週末まで無料でダウンロードできます。 ダウンロードできるパターン素材のフォーマットは、下記の通り。 .eps .jpg .png .pngは透過PNGで、すべてシームレスに利用できます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WebサイトやスマホアプリのUIに！ 抽象的で美しいSVGの背景デザインを簡単に作成できる無料ツール -Mossaik.app
SVGとPNG完備のおしゃれなイラスト素材！ あらゆるメディアで完全無料で利用できる太っ腹ライセンス -Transhumans
Convert Image to WebP | Online WebP Converter Free
商用利用無料の魔法陣のフリー素材！ クリックするだけで、魔法陣を無限に生成できるジェネレーター -daisy bell
