どうやって使い分けるべきなのか。JPG・PNG・GIFの違いをまとめてみました。2010.10.27 18:00170,175 人間がデジタル技術を開発して以来、開発され続けてきた画像の保存形式。 開発過程には、それこそ色々な種類がありました。 しかし、現代のブラウザや、一般的な利用者のニーズに合わせて、現在ではJPG、 PNG、 GIFが3強です。 もちろん、それぞれ長所と短所がありますが、それぞれどこがどう違うのでしょうか。 JPG（Joint Photographic Experts Group） JPGはジョイント・フォトグラフィック・エキスパート・グループ（Joint Photographic Experts Group）がプロのカメラマンの標準となるべく開発したファイルのタイプです。 ファイル内の冗長性を見つけて圧縮するZIP形式のように、JPGは画像データをピクセルと呼ばれる
リファラが云々ってのはよく分かんないけど、 FirefoxのアドオンであるRefControlを使って Googleリーダーを快適に使っていた俺なのだが、 Google Chromeには同等のエクステンションがなかったので、 本来画像のあるとこに、こんなのが出てもガマンしてた。 で、いろんなブログやら某巨大掲示板やらを眺めていたら Googleリーダーも http ではなく、 https でアクセスすると リファラだかなんだかを送出しないので、 運が良けりゃちゃんと画像も表示されるよ、 てな情報を入手したので、こりゃヨカこと聞いたと ばかりに試してみた。 とりあえず https://www.google.co.jp/reader/ にアクセス。 するってーと、こんな ちょとおどろおどろしい画面がでたのさ。 もちろん怯まず『このまま続行』をクリック。 そーすっとアドレスバーのとこの http
ウェブページのキャプチャ画像やページ上の画像を編集したい場合、とりあえず一度ローカルに保存してそれらをドローツールなどで編集する必要があります。 しかし、キャプチャするアドオンやアプリが必要ですし、凝った編集をしたい場合はそれなりのドローツールなども必要なことから、ちょっと気軽にというわけにはいきませんね。 キャプチャツールもドローツールにも無料で高機能なものはたくさん存在しますが、通常、これらの作業を一貫して行うことはできず、やはり落として編集などのローカル作業が発生してしまいます。 そんなときでも、Firefoxから離れずにページのキャプチャ、画像の編集を行うことができるアドオンが「Pixlr Grabber」です。 「Pixlr Grabber」は、Firefoxで表示している各種画像、または現在表示しているページのスクリーンショットを、オンラインドローツールで有名な「Pixlr」を
以前、日本語対応で高機能なフリーの 加工ソフト、PhotoScapeをご紹介させて 頂いたのですが、検索してブログに 来てくださった方に申し訳ないような さわり程度のご紹介でしたので、 ちゃんと使い方を改めてご紹介したいと 思います。「PhotoScapeでこんな事が 出来ますよ！」的な、初心者向けの内容になります。 PhotoScapeは初心者向け（多分）の動作の軽い画像を加工するフリーソフトですが、それなりに高機能なので利用者も多いような気がします。PhotoshopやGimpを使うほどでも無いような簡単な加工がしたい、手軽に加工を楽しみたい、技術が無いけどちょっと技ありな加工をしたい、と言う方に最適です。 大まかな操作方法と機能、特徴は以下をご参照下さい。 フリーソフトのダウンロードコミュ 【Photoscape】…これはイイ！無料画像加工/編集ツール 花のポストカードやさん本館 フ
ちょっと顔にモザイクを入れたいときってありますよね。ブログにアップする際に、第三者の顔を隠したかったり、宴会の時のネタとして使ったり・・・。 ただし、Photoshopなどの高額な画像編集ソフトを買うほどでもない、という時があります。 そんな時に、Web上から簡単に写真を編集できるサイトを紹介します。もちろん無料！ 使うもの NAVERフォトエディター NAVERフォトエディター http://photoeditor.naver.jp/ このサイトを使います。NAVER社が提供しているWeb上から簡単にできる画像編集ソフトです。 さっそく使ってみましょう。 使い方 使い方その1 まずトップページにあるフォトエディターを起動、というところをクリックします。 使い方その2 こんな画面になります。 右下の「ここをクリックして画像を呼び出します」の下にある「参照」をクリックします。 その3 する
先日、紹介した「JPEG画像の最適化テクニック」に続いてSmashingMagazineから、PNG画像をより美しく、より軽量に最適化するテクニックを紹介します。 追記：2009/07/27 本エントリには続きがあります。 続：PNG画像をより美しく、より軽量に最適化するテクニック Clever PNG Optimization Techniques 下記、各ポイントをピックアップして紹介します。 最後のはCS3向けで不明だったので、途中省略しています。 はじめに PNG画像フォーマットの概要 1. ポスタリゼーション 2. 手のはいってない透過 3. 透過による分離 4. マスクを活用 はじめに ウェブデザイナーとしてあなたは既にPNGのフォーマットに精通しているかもしれません。PNGは劣化のないフォーマットとして、GIFの非常に良い代わりとなります。 Photoshop（あるいは他の画
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox 新生活応援セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform Windows 365
Closr.it : ズーム機能付の画像を簡単に埋め込み可能に Closr.it アップロードした画像をズーム機能付のウィジェットに変換して共有できるサイト。 アカウントを作成してログインしたら、画像をアップロードすると自動的に変換作業が完了します。 あとは、貼り付け用の埋め込みコードをコピーして、ページにペーストするだけ。 下のようなズーム画像が簡単にできてしまいます。 フルスクリーンモード対応で、おそらくこういったズーム画像を作成する手段としては、今まででもっとも簡単お手軽のサービスだと思います。 （ドラッグで移動、スクロールホイールでズームできます） 例えば上のように先日紹介したWebトレンドマップ、「巨大すぎて全景だとイマイチ何だか分からない...」とスクショを撮るのに結構悩みましたが、こんな画像も省スペースでスマートに紹介できるのが最大のポイントです。
FixPicture : ちょっとした加工に便利なオンライン画像エディター FixPicture オンラインで手軽に使える画像処理サービス。 FLASH版と、より簡易なHTMLとがありますが、今回はFLASH版の紹介です。 左メニューから処理する画像をアップロードするか、あるいはURLを指定して直接読み込みます。 読み込んだプレビュー画面は、メニュー上部でサイズを調整できます。 メニューは上から、リサイズ、切り取り、」回転、反転、色調補正という風に並んでいて、どの編集メニューも分かりやすく直感的にできるのが特徴です。 エフェクトメニューでは、いろいろなエフェクト効果を実際に一覧でプレビューでき、気に入ったエフェクトを選択するだけで、面倒な調整な一切不要なのもお手軽で魅力です。 最後に画像のフォーマットをチョイスしてダウンロード。 無駄のない操作感と処理速度も比較的良好で、ちょっとした画像処
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く