JPEG・GIF・PNGってどう使い分けるべき？知っておきたいイメージ形式の基礎知識 | ニコニコニュース
「拡張子」とは、ファイル名のうちの「.(ピリオド)」で区切られた文字列であり、そのファイルの種類を識別するためにつけられています。拡張子はオペレーティングシステム(OS)においてファイルの判別のため任意につけられるものであり、どのような場合においても必ずしも必要になるというわけではありません。音声データやテキストデータなどさまざまなデータを管理するうえで拡張子の形式の変化が重要になりますが、特に画像を保存する際はその拡張子の違いが如実に現れることになります。仕事上のデータのやりとりだけでなく思い出の写真の保存や個人ブログでの使用・アップロードなど、さまざまな場面ごとで使い分けたい画像の拡張子の性格についてご紹介致します。 ■ 画像に使える一般的な拡張子 ◎ JPEG(Joint Photograph Experts Group) jpegはjpgとも呼ばれ使用される、もっとも一般的な画像形
ほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！｜男子ハック
Webサービスほぼ劣化なしでJPG/GIF/PNG/SVG画像を超軽量化してくれる「Compressor.io」は要ブックマーク！2014年6月13日1 @JUNP_Nです。オンラインで利用することができる無料のWebサービス「Compressor.io」はJPG、GIF、PNG、SVGの画像をビックリするほど軽量化してくれます。面倒なアカウント登録などもなしで、画像をドラッグ&ドロップだけで使えて超便利！ 無料で多様な画像ファイルに対応しているのが嬉しい画像軽量化サービス！Compressor.io - optimize and compress your images and photos オフラインではJPEGの画像軽量化には「JPEG mini」を利用、それ以外の画像については「ImageOptim」を利用していたのですが、これだけではGIF動画の軽量化がもの凄く難しい。 関連：1
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
掲載17万点以上！インテリアの参考になる写真が盛りだくさんの『houzz』 | 100SHIKI
インテリアのアイデアを探しているのだがなぁ、という人のためのサイトをご紹介。 houzzではなんと17万点以上ものインテリア写真が投稿、掲載されている。 しかも部屋の種類や、テイストなんかで検索できるので、自分のニーズにあった写真がきっと見つかることだろう。 またユーザー登録すれば自分だけのアイデアブックをつくることができるようだ。 なお、こうして投稿された写真はプロのデザイナーや施工業者によるもので、気に入れば彼らに仕事を頼むことができる。なーるほど。 インテリア雑誌を見るのが好きな人は一度覗いてみてはいかがだろう。
様々な背景に使えるテクスチャ画像集総まとめ
あんな背景がほしいなという方へ ここでは色々なテクスチャをご紹介いたします。中にはこんなのどうやってつかうんだよ・・・というものまでありますが、それは加工しだいでいくらでも活用できちゃいますよね。 ペーパーデザインについては過去のまとめなども参考にして見てください。 ペーパーデザインのWEBサイトを作るときに見るべきまとめ グラウンジの利用など様々なパターンのWebサイトはこちらからどうぞ。 webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ １）水の模様のテクスチャ35 ２）砂漠や砂、ぬれた砂漠の模様など35枚 ３）レトログラウンジ迷路模様 ４）キュートなのかなんなのかちょっとわからないテクスチャ ５）青と白のグラウンジパターン ６）皮模様のテクスチャ ７）本皮模様テクスチャ40枚 ８）ゆるふわ毛皮パターン ９）葉っぱのテクスチャ画像 １０）布系のテクスチャ画像 １１
Webデザイナーが知っておく、DTPの基礎知識
Webデザイナーが知っておく、DTPの基礎知識 2011-05-08 CMYK RGB(加法混色)で表現される色を、塗料や染料では全ての色を再現できないため、印刷する場合はCMYK(減法混色)ににする必要があります。 CMYKは、シアン（Cyan）、マゼンタ（Magenta）、イエロー（Yellow）、キー・プレート（Key Plate）から成っており、シアン、マゼンタ、イエローの三色で理論上、黒も表現できますが、実際は強く表現されないためブラックを補ったCMYKが使用されています。 しかしCMYKの黒でも本当の黒には見えません。 そこで他の色も混ぜて、本当の黒に近づけることをリッチブラックといいます。 印刷会社によっては推奨されているリッチブラックの濃度もありますが、C30%＋M20%＋Y20%＋K100%で問題ないと思います。 入稿時にはCMYKの色指定を、5%刻みで指定する様にするよ
犯してはいけないHTMLタグの過ち10個 | ライフハックちゃんねる弐式
http://hatsukari.2ch.net/test/read.cgi/news/1303184717/ニュース速報板より 1 ： ◆BB2C/xRDfM (東京都)：11/04/19 12:45 ID:LqzN9BDP0● 犯してはいけないHTMLタグの過ち10個 ちょっと前の記事ですが10 HTML Tag Crimes You Really Shouldn’t Commitという記事を見かけておもしろそうだったので紹介します。日本語にすると、犯してはいけないHTMLタグの過ち10個というところでしょうか。 知っている内容も多いかと思いますが、再確認の意味を込めて見ていただければと思います。 1. インライン要素の中にブロック要素を入れない 2. 画像に代替テキストのalt属性が入っていない 3. 必要な場面でリストを使っていない 4. <strong>や<em>ではなく<b>や
サイト作成に欠かせないサイトやサービスなどを20個｜Webpark
私がサイトを作る際によくお世話になっているサイトやサービス、フリーソフトを紹介します。個人的に見ているものだけなのでまだまだあると思いますが、ご参考になればうれしいです。 週間ウェブデザイン 次の「あんじょうできてはる」が更新停止になっているのでこちらを。1ページあたりの表示数が多いので探しやすいですね。 あんじょうできてはる Webデザインのギャラリーはたくさんありますが、見やすさ探しやすさでこちらをよく見ます。更新は止まっちゃってますが。。 MephoBox ヘッダーやフッターなど部分的なものにこだわった海外のギャラリーです。404やナビゲーションなんかもあり参考になります。 ロゴストック 日本を中心にかなりの数のロゴが集められています。管理人さんや訪問者の評価も見ることができて参考になります。 フリーの素材集です。「ロイヤリティフリーなフリーフォト、無料写真素材サイトのまとめ」もご参
10 Beautiful Free Icon Sets for Web Designers and Developers
Introduction Icons by their very nature can convey or represent the intended meaning/information provided they are used at the right place and in an appropriate manner. They have a high visual appeal which helps designers to enhance the design and at the same time attract the users’ attention. As designers and developers always keep an eye on the latest, innovative and attractive Icons to use them
PNG8とPNG24の違い | WEB NETA---ウェブネタ！
pngについて。 flashで抜き画像を使うとき、 photoshopからPNGで書き出す。 その時のPNGのファイル形式（？）について 後輩に質問されたので今さら調べてみた。 -------------- 何種類かあり、それぞれ扱える色数が全然異なるらしい （最大1ピクセルあたりRGB各16ビット、計48ビットまで）。 png-8は256色、png-24は1677万色。 扱える色数が違うので、同じ画像でもファイルサイズがだいぶ違ってくる。 -------------- ぶっちゃけいつもＰＮＧ24にしてたけど、 gif同様、書きだすときは必要に応じてPNG8も使うようにしようっと。
サイト運営をやってみて起こった６つの「想定外」
1ヶ月ほど前に、アノニマスダイアリーでサービスの紹介させてもらった「完全に一致」のおっさんです。 昨年11月25日に公開させてもらったサービスですが、公開から約1ヶ月半の間、いくつも思ってもみなかった事が起こりました。 誰かに聞いて欲しいものの、例のSEの友人が精神的な病で倒れてしまい聞いてくれる人もおらず、 Twitterでは短すぎてかけず、なおかつブログもないのでここに書かせてもらいます。 「なんだ、またかよ」という方、お目汚し失礼しました。 想定外1：サーバーが幾度となくダウン最初の記事を書いて、初日から約1週間で300万アクセスがあり、この間何度もサーバーが応答しなくなるという事態に陥りました。 MySQLサーバーとWEBサーバーの調整を教えてもらったお陰で、かなりダウン回数減らす事ができたものの、結局全然処理が間に合ってくれませんでした。 一番のネックになったのは画像の変換処理と
最速最安WEB画像サーバ構築術 - nginx + ServersMan - 新・浅く広くをモットーに | 一人WEBサービス屋メモ
15:59 | 先日、運営しているサイトcocoの画像サーバを構築しました。昨今はVPSが500円程度で借りられる様になり、一人WEBサービス屋には本当にいい時代になりました。今回、選定対象にしたのは、以下3つの業者です。ServersMan（初期0円 / 月額490円 / メモリ256M / HDD 10G）S@@Ses（初期3000円 / 月額450円 / メモリ512M / HDD 50G）SAKURA Internet（初期0円 / 月額980円 / メモリ512M / HDD 20G）料金やスペックについて、2010/12/19時点のものを記載しました。キャンペーン適用や保障スペックなど細かい注意点がありますので、詳しくは各社サイトでご確認下さい。シミュレーション処理数値目標は、月間1億アクセスとしました。これは、1ページ当たり50画像掲載だったとすると、200万PV。ブラウザキ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
http://e0166nt.com/blog-entry-873.html