タグ

画像とwebに関するluccafortのブックマーク (6)

  • 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

    GIFアニメからAPNGの時代に! 次世代画像形式APNGを使いこなそう - ICS MEDIA
    luccafort
    luccafort 2014/10/02
    アニメーションPNGが滑らかで綺麗なのでアニメーションgifのかわりはこれだ!とか言われても対応ブラウザ少なすぎるので時期尚早すぎる。せめてChromeはサポートしてないと……。
  • 外でイチャつくカップルの横に立つ自分の写真を掲載し続けるブログが熱い

    「外であんたらがイチャつく時、俺は必ずそばにいる」……外で男女がイチャイチャしている横に自分が写りこんだ写真を撮って掲載しているとあるブログが反響を呼んでいるそうです。 Drew Phillips(写っている人)とScott Cleveland(カメラマン)の2人が制作しているこのTumblrブログ「Wingmannning」はサブタイトルの「Make out in public? We’re behind you.(外であんたらがイチャつく時、俺は必ずそばにいる)」のとおり、熱愛中のカップルの横で写真を撮るというコンセプトで運営されています。 「Wingman」は戦闘機でペアを組む「僚機」のこと。転じて合コンやナンパなどに繰り出す時の相方をさし、多くの場合は誰ともつきあえない「いい人」のことを意味します。あえてそんな立場に身を置くというその勇気とアイディアはすごいですね。 1. これくら

    外でイチャつくカップルの横に立つ自分の写真を掲載し続けるブログが熱い
  • Web屋さんやブロガーさん御用達な画像素材サービスまとめ34サイト(2012年冬版)|男子ハック

    @JUNP_Nです。毎年恒例になりつつある画像素材サービスのまとめ記事です。昨年は7つのサービスしか紹介しませんでしたが、今年は大幅に増えて34サイトです。

    Web屋さんやブロガーさん御用達な画像素材サービスまとめ34サイト(2012年冬版)|男子ハック
    luccafort
    luccafort 2012/12/13
    まとめのまとめに期待してます…|д゚)チラッ
  • 顔画像をもとに似た顔の人が出ている AV を検索するツールを公開しました | ぱろすけのメモ帳

    By RobertBy Robert McDon. 最近いろいろやってましたが、邪悪なツール、遂に完成しました!! 顔画像をもとに似た顔の人が出ている AV を検索します。検索対象の顔画像は35万枚です。使い方としては「この画像、AV 女優なんだけど誰だかよくわかんない」「このアイドルに似た人が出てる AV を探したい」など考えられます。「Facebook で流れてきた画像をとりあえず放り込む」「卒業アルバム」などはいろいろアレなのでやめましょうね!! というわけで今回はこのツールを配布します。 もともとは Python で Ubuntu 向けに書いたんですけど、ちゃんと Windows 版も作ったのでそれで。 まずは起動します。 ふつうに起動すれば良いですね。 とりあえず画像を選べと言われます。 画像を選びます。今回は紗倉まなの DMM のサンプル画像を選びました。(リンク先18禁サイト

    luccafort
    luccafort 2012/11/28
    技術的にはすごいんだけどDMMあたりから怒られそうな気がする。あと悪用駄目、絶対!w
  • CSSスプライトについてあれこれ。

    CSS Sprites(CSSスプライト)」についてまとめます。 すでにいろんなサイトで紹介されてるので、検索すれば制作手順から何から何までたくさんヒットしますが、それ故、どの方法が一番ベストなのかってのがいまいち不確かだったので、個人的にまとめ直してみることにしました。 TwitterやFacebookのスプライト用画像 CSSスプライトは、サイトの読み込みを高速化する目的で使われているCSSの小技です。TwitterやFacebookなどでは、ちっこいアイコンとかマークを表示するのに使われてますね(2012.8現在)。 具体的には「サイト内で使用するたくさんの画像(パーツ)をなるべく一枚画像にまとめて、サーバへのリクエスト回数を少なくする」という事をやってます。 画像とCSSだけで高速化が実現できるので大変お手軽なのですが、CSSスプライト用の画像を用意するにはちょっとした工夫が必要

    CSSスプライトについてあれこれ。
    luccafort
    luccafort 2012/08/25
    なるほど、丁寧に説明されてるからわかりやすいなー(´・ω・`)
  • nginx+squidで画像キャッシュサーバーの作り方 - hideden.hatenablog.com

    仕事で画像キャッシュサーバーを構築した時のメモ。大規模事例の設定例が検索してもあまり見つからなかったので同じような境遇の誰かの参考になれば。 ピーク時のトラフィックは数Gbps 画像総容量は数十TB バックエンドのstorageが複数種類 規模とアクセス量とアクセスされる画像の種類が多いので、squidでdisk cacheを使用するとCOSS等を使用してもdiskIOで詰まる為、全てon memory cache。cache容量を確保する為に必然的にcacheサーバーの台数も数十台。 1. squidをsibling構成で並列に並べる cache_peer 10.0.1.1 sibling 80 3130 no-query no-digest proxy-only cache_peer 10.0.1.2 sibling 80 3130 no-query no-digest proxy-o

    nginx+squidで画像キャッシュサーバーの作り方 - hideden.hatenablog.com
  • 1