PNGとJPEG…こんなときはどっち？ Web用画像の書き出し、比べてみました！ – VIVID COLORS + BLOG -福岡から東京に出てきたデザイナーのブログ-
PNGとGIFとJPEG…Web用画像の書き出し、どんな風に使い分けていますか？［2011年7月現在］のつづきです。 コメントやtwitterなどでいろいろ反応を頂きました。 ありがとうございました☆ 結構同じ使い分け方の方もいらっしゃってほっとしています…！ 今日はこのあいだのつづきで、 自分の中でもやーっとしていた使い分けの部分を実際に比べてみました！ 今回は、 透過を含まない大きな写真の書き出し 透過を含まない小さな写真の書き出し 透過を含み、且つCSS Spriteで使用するための画像の書き出し の３つをチェックしてみました！ チェック1：透過を含まない写真の書き出し（大きいサイズ：1200px × 1600px）について最適な書き出し形式はどれ？ FireworksとPhotoshopでそれぞれJPEGとPNGを書き出します。 PNGはPNG-24で書き出します。 (透過を含ま
[PHP]MySQLを利用した画像の保存と出力|WEBプログラム覚書
HOME>WEBプログラム覚書>[PHP]MySQLを利用した画像の保存と出力 [PHP]MySQLを利用した画像の保存と出力 PHPで画像を取得してMySQLに保存、そしてMySQLからデータを取得して表示させる方法を そろそろ書かないとまずい気がしたので書いておきます。 画像をデータベースに保存するのには、とても重要な意味があります。 その前に、まずは仕組みから。 仕組み 特に難しいことはないのですが、意外と知らない人も多いのではないでしょうか？ 僕もPHPやる前は知りませんでしたw 上図が画像ファイルにアクセスして表示されるまでの簡単な流れです。 まぁこの流れ自体は別にどうでもよくて、今回もっとも重要になるのがレスポンスヘッダのcontent-typeです。 content-typeに絡むWEBサーバとブラウザの役割は、 WEBサーバ 拡張子に応じて適切なcontent-typeをh
PNG画像でもコマ送りのアニメーションさせてしまう、ナイスアイデアのスタイルシート -Sprite sheet
デモページ 仕組みは、横に各コマを並べたPNG画像をCSSスプライトで順に表示させて、コマ送りのアニメーションのようにしています。 「show sprite」をチェックするとその仕組みがよくわかります。 「animation-duration」の数字を変更すると、アニメーションの速度が変わります。 デモページ：スプライトを表示 スタイルシートはコマ送りのステップを定義し、背景にしたPNG画像を少しずつずらして表示します。 デモは1秒間に10ステップ、500pxの画像を50pxずつ動かしています。 CSS div { animation: play 1s steps(10) infinite; } @keyframes play { 0% { background-position: 0px 0; } 100% { background-position: -500px 0; } }
画像素材 ゲッティ イメージズ getty images
クリエイティブ画像他では見つからない独占ビジュアルを含め、幅広いフォーマットとスタイルで入手可能な何百万点ものロイヤリティフリー画像と写真を閲覧できます。 全てのクリエイティブ画像を見る人気の画像検索
Giam ダウンロードのページ
フリーのGIF/MNG-LC アニメーション作成ソフト Giam ダウンロードのページ('08 9/22 更新) Giamは、ホームページ上でよく見かけるこのような動画を作成するフリーソフト(無料ソフト)です。 特徴 GIFアニメと MNG-LC の相互変換が可能です。 前後のコマで同じ部分があれば、コマのサイズを小さくする最適化機能に加えて、小さくし切れない部分で前のコマと同じ部分を透過色を使って塗りつぶす最適化機能も加わりました。 コマ表示部をダブルクリックすることにより、標準でWindowsアクセサリの「ペイント」を使っての編集が可能です。編集した内容はそのままGiamに反映します。また、オプションで編集ソフトを指定出来ます。 高速で美しいディザ機能を備えています。 動画を見ながらウェイトや位置の調整が可能です。 各コマの一覧リスト表示機能が加わりました。ここをダブルクリッ
HTML5演出に最適な複数画像読み込み管理のJSライブラリ「LoadManager.js」 | ClockMaker Blog
HTMLで複数の画像を読み込むとき、HTMLのimgタグだけだと不恰好となりがちですが、読み込みを管理すれば見栄えも整いますというデモとJSライブラリを作ってみました。次の2つのデモを見比べて何が違うのか確認ください。 デモ (通常のimgタグ) デモ (LoadManager.jsを使用) デモの違いとは 前者は画像がバラバラとインターレース的に読み込まれ、後者は読み込み終わるまでローディングが表示され読み込まれたものがフェードインして表示されます。 ▼前者のデモ ▼後者のデモ 後者のデモには、ローディングのパーセンテージ表示も付いています。読み込みが何%まで達しているかを確認できるのも、後述のJSライブラリのメリットです。 HTML5で作られたフルFlash的なサイトを見たときにimgタグでインターレース的に画像がバラバラとでてくることが多くて、いつも微妙な思いをしていました。Flas
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Islamic spells for love inter caste inter religion marriage
はてなブログ | 無料ブログを作成しよう
Twitpic - Share photos and videos on Twitter