細かく丁寧に描かれた花や草木のイラストが素敵でかわいい花輪や花冠など、リース・フレームのベクター素材を紹介します。 通常は有料ですが今週末まで無料なので、ダウンロードはお早めに！ Hand drawn wreaths and frames リースやフレームの細かくてかわいい花や草木の柄はすべて手書きです。 テキストと簡単に組み合わせるだけで、ロゴも簡単にかわいい感じに仕上がります。
pngに関するkana321のブックマーク (44)
-
kana321 2015/03/04
-
画像を矩形以外の形状で表示したい人のためのチュートリアル
画像にPNGマスクを使用して、ブラシストローク状、サークル状など、矩形とは異なる形状で表示するチュートリアルを紹介します。 デモページ もう一つのサークル状のデモは、下記ページのギャラリーのサムネイルとして使用されています。 Roundfolio 画像の枚数が少ないのであれば個別に画像を作成してもよいかもしれませんが、このデモのように数多くあると、このテクニックを使用した方がより効率よく実装できます。 [ad#ad-2] 画像の作り方 画像は3種類が必要で、全て同じサイズにします。 ロールオーバー用の画像 ※透過PNG画像 マスク用の画像 ※透過PNG画像 ベースとなる画像 サークル状に使用する画像3種類 制作：HTML, CSS, JavaScript HTML ロールオーバーとマスク用に2つの空span要素を使用します。 <a href="images/gallery-full.jpg
-
商用利用無料、シンプルでかわいいデザインのアイコン素材100種類、コリス限定全員にプレゼント！
お馴染みの freepik.com 提供によるベクター素材をコリス限定で全員にプレゼント！ もちろん個人でも商用でも無料で利用できます。 今回は2015年の新年を迎えて、シンプルでかわいいデザインの使い勝手のよいアイコン素材です。 freepik.comはウェブやグラフィックデザイナーのためのベクターやイラストやPSD素材の検索エンジンで、日本語環境でももちろん利用できます。アイコンに特化したflaticon.comも運営しており、こちらには現在64,000個以上のアイコンが無料で利用できます。 freepik.comでアイコンの検索する時は、下記のページからが便利です。 freepik.comでアイコンを探す またfreepik.comは、そのブログだけのオリジナルの素材を配布するコラボをしています。 日本ではコリスが初！今回でいよいよ第15弾となりました！ 第1弾〜14弾まではこちら。
-
-
[CSS]透過画像を使用して幻想的な背景をつくりだすスタイルシート
スクロール後 仕組みは、透過PNG画像を固定配置し、レッドからブラックへのグラデーション画像がスクロールされると、ブラックになった時点で絵柄が浮き上がるものとなっています。 グラデーション画像は「gradient-tile.jpg」を使用しています。 IE6では透過PNG画像の背景が固定配置で繰り返すことができないため、シンプルな解決方法として透過PNG画像の背景を非表示にしています。 スタイルシートもシンプルです。 <textarea name="code" class="css" cols="60" rows="5"> * html #wrapper {background-image: none;} </textarea>
-
pngquant — lossy PNG compressor
pngquant is a command-line utility and a library for lossy compression of PNG images. The conversion reduces file sizes significantly (often as much as 70%) and preserves full alpha transparency. Generated images are compatible with all web browsers and operating systems. Features High-quality palette generation using a combination of vector quantization algorithms. Unique adaptive dithering algor
-
透過PNG/GIF画像を大幅に軽量化！SVG画像に変換する無料のオンラインサービス -ZorroSVG
透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。 透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。
-
IE PNG Fix - TwinHelix
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
-
無料でPNGファイルを最大70％圧縮してファイルサイズを減らす「TinyPNG」
PNGファイルをブラウザにドラッグ＆ドロップするだけで画像を最大70％まで圧縮することが可能なのが「TinyPNG」です。画像の質をほとんど落とさずにファイルサイズを少なくすることができ、閲覧者にとっては読込速度が高速化され、そしてサーバ側にとっては転送量が減ることで負荷の少ない結果を生むことができます。 TinyPNG – Compress PNG images while preserving transparency http://tinypng.org/ このサービスの特徴は、「非可逆処理」をPNGファイルに対しておこなうことで通常よりも高い圧縮率を達成していることと、透過PNG(アルファチャンネル)に対応していることです。今回は、下記の2つのファイルの処理をおこない、どの程度の圧縮が可能か見てみたいと思います。 Firefox24ロゴ：549KB フォルダーのアイコン：52KB
-
-
TweakPNG
TweakPNG is a low-level utility for examining and modifying PNG image files. It supports Windows XP and higher. In order to make much use of it, you will have to be at least somewhat familiar with the internal format of PNG files. For information about PNG, see the PNG home page. A screenshot of TweakPNG: To download TweakPNG, save the following link: tweakpng-1.4.6.zip (about 500K) 2014-09-07 You
-
GIFアニメからAPNGの時代に！ 次世代画像形式APNGを使いこなそう - ICS MEDIA
APNG（エーピング）とはアニメーションするPNG画像のことで、アニメーションGIFに取って代わる次世代の新しい画像形式です。もともとブラウザベンダーのMozillaが提案した規格で、ウェブサイトのアニメーション表現に利用できます。従来はアニメーションGIFが主流でしたが、アニメーションGIFは色数の制限や輪郭のジャギーなど品質面の制限が多いファイルフォーマットです。その制限を払拭してくれると期待されるのがAPNG形式です。 データ容量・品質から比較する画像形式〜APNGは容量が軽くて綺麗 上図ではアニメーションGIF・APNG(8bit・32bit)・PNG連番画像をデータ容量・データ品質でマトリクス図にしました。APNG 8bitはアニメーションGIFと同じ256色のサポートなのでAPNG 8bitの方がデータ容量は若干小さいものの、差はほとんどありませんでした。APNG 32bitは
-
2000種類以上のPNGアイコンをカスタマイズしてダウンロードできる「PNGify Me」 | ライフハッカー・ジャパン
「PNGify Me」は2000種類以上のPNGアイコンをカスタマイズしてダウンロードできるサイトです。豊富にアイコンが用意されていますが、さらに色や大きさなどをカスタマイズしてダウンロードできます。 以下に使ってみた様子を載せておきます。まずPNGify Meへアクセスしましょう。アイコンはカテゴリで分類されています。キーワードでも検索できますよ。お好みのアイコンを選んだら、次はカスタマイズです。 このように大きさや色、形をカスタマイズすることができます。調整が済んだら、左下の「DOWNLOAD AS.PNG」からダウンロードできます。ぜひアイコンをお探しの際にご活用ください。 PNGify Me （カメきち）
-
ミニマルなデザインに役立つ！小さくてもくっきり分かる500種類の無料アイコン素材 -Clear Icons -Solid
個人でも商用でも、Webページでもスマホアプリでも、無料で利用できるミニマルにデザインされた小さいアイコン素材を紹介します。 500種類全てデザインが統一されており、小さくてもミニマルなので、名前の通り「Clear」なアイコンに仕上がっています！ Clear Icons -Solid ダウンロードできる素材は、Web制作者が使いやすいようさまざまなフォーマットが用意されています。 .psd .svg .png (Black & White) .csh PSDやベクターも嬉しいですが、カスタムシェイプも揃ってるのは嬉しさ倍ですね。 アイコンは全部で500種類！ ビジネスやホビーなど、さまざまなアイテムが揃ってます。
-
商用利用無料！再生紙のようなやさしい感じのざらっとした紙のテクスチャ素材 -Rice Paper Textures
Seamless Rice Paper Textures ダウンロードできる素材のフォーマットは、2種類。 .png (すぐに使う用） .pat (Photoshopのパターン素材) どちらもシームレスに、継ぎ目無く利用できます。 紙は全部で12種類、どれもいい感じの風合いです。
-
商用利用無料！アウトドアやキャンプの高品質なイラスト素材、コリス限定全員にプレゼント！
先週、Twitter(@colisscom)でお伝えした新たなコラボ、良質なベクター素材をコリス限定で全員にプレゼントします！ 第1弾は、アウトドア・キャンプをテーマにしたアイコンのベクター素材。 レトロなカラーがかわいく、各イラストは非常に丁寧にデザインされています。 Vecteezy! ビジネスからホビーまで、アイコンからイラストまで、多彩なベクター素材が揃っています。ベクター素材を探す用にブックマークしておくのがオススメ！ そんなVecteezy!と当ブログだけのオリジナルの素材を配布するコラボをすることになりました。日本ではコリスが初！ ダウンロードできる素材はベクターデータで、各種フォーマットが揃っています。 .ai .eps .psd .png (プレビュー用) 素材の利用にあたっては個人でも商用でも無料、ウェブや紙をはじめ、アプリや動画などのデジタルコンテンツでも利用でき、バ
-
大量のPSDファイルを全部PNGに書き出したい、そんな要望に応える無料のアプリ、しかもPhotoshop無しで -PSD to PNG
一つでも複数でも、PSDファイルをPNG画像にまとめて書き出すOS X用のフリーのアプリケーションを紹介します。 書き出し用としても便利ですが、Photoshopの無い環境でPSDファイルをチェックする時にも使えますね。 PSD to PNG - Automator Action 使い方は、非常に簡単。 ダウンロードしたファイルを解凍。 「PSD to PNG.app」にPSDファイルをドラッグ&ドロップ。 PSDファイルと同階層に「PNGフォルダ」が生成され、その中にPNG画像が書き出されます。 PSDはレイヤーで表示されているものが、PNGに書き出されます。 PSDファイルは一つでも、複数でも対応しています。
-
これはかなり珍しい！医療や病院系のアイテムが揃ったアイコン素材 -In The Hospital
医療や病院系のさまざまなアイテムが揃ったアイコン素材を紹介します。実用で使うもよし、趣味に使うもよしのシンプルなデザインのアイコンです。 当ブログでもレアなアイテムのアイコン素材を紹介しますが、これはかなりのレアですね。
-
-
ウェブの読み込みを速くする！PNG画像を大幅にサイズ縮小・変換するツール | 教えて君.net
主にウェブのバナーやボタンなどの画像に使わているPNG形式。サイズが小さいほど読み込みが早くのなるので、できるだけ軽量化したいところ。PNG画像の見た目を変えずにサイズだけを大幅に縮減するツール「PNGoo」で変換しよう。 「PNGoo」はPNG画像のサイズを圧縮するツールだ。PNG画像の用途はほとんどがウェブページの画像やパーツ用だろう。サイズが大きいと読み込みに時間がかかるため、少しでも小さく処理するのが基本だ。 「PNGoo」は、PNG画像のサイズを大幅に縮小できる。640×480ピクセルの画像を処理したところ、半分以下のサイズまで縮小できた。ウェブに使うPNG画像を軽くするのに利用しよう。 ■ PNG画像を見た目を変えずに大幅縮小 「PNGoo」で処理する前にPNGファイルのサイズをチェックしてみよう。画像のプロパティを開いてサイズを見ると「676KB」と表示されている 「PNGo
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2024 Hatena. All Rights Reserved.
設定を変更しました