--
    --.--

    スポンサーサイト

    上記の広告は1ヶ月以上更新のないブログに表示されています。
    新しい記事を書く事で広告が消せます。

    このエントリーをはてなブックマークに追加
    2015
    09.12

    flickrで作られる縮小JPEG画像の考察

    すっかり涼しくなっちゃいました(特に夜)。
    あんなに暑かった夏がウソのよう。
    先日の大雨といい、ホントめちゃくちゃです。。。
    被害が最小限であることを祈るばかりです。


    ベイスターズの成績もすっかり涼しくなっちゃって。。。
    今年もダメかなぁ・・・


    今回は思うところがあって
    flickrに画像をアップロードした際に作られる
    縮小JPEG画像について解析してみました。
    多分ほとんどの人には役に立たないですね^-^;;

    「flickrに画像をアップロードしたりするAppleScript」
    を作ろうとしてるのはナイショです(笑)




    私はブログの画像の保存にflickrを使っています。
    劣化なしのオリジナル画像を出し入れできるし、容量1TBは魅力♪

    そんなflickrにとても小さな画像をアップロードしようとしたらエラーになってしまいました^-^;
    なんでだろー♪(古いw)

    flickrのFAQ(リンク)を見てもはっきりしない…
    「JPEG, アニメーションじゃないGIF, PNGを公式にサポート。
    その他TIFFなどもアップロードできる。
    アップロードできるのは200MB以下の画像、または1GB以下の動画」


    そこで、自分で実験してみることに。
    ついでに縮小画像の生成ルールについても調べてみました。

    flickrにアップロードできる下限のサイズ


    いろんなサイズのPNG画像をアップロードしてみました。
    (検証環境:ブラウザやアプリではなく、flickr API (+flickraw) を使用しています)

    アップロードできたもの・できなかったものは以下のとおり。

    OK:75x75, 74x74, 73x73, 70x70, 60x60, 50x50, 40x40, 30x30, 20x20, 19x19, 18x18, 17x17
    NG:17x16, 16x17, 16x16, 10x10, 74x1, 289x1(17x17=289ピクセルと比較)

    ちなみに、NGだった画像については
    "Filetype was not recognised"といったエラーが出て
    アップロードできませんでした。


    以上の結果から、2015.9.11現在

    アップロードできる画像のサイズは縦横とも17ピクセル以上

    という制限があるようです。

    縮小画像が作られる際のルール


    flickrに画像をアップロードすると、オリジナルの画像の他に
    表示用に小さめのJPEG画像が作られます。

    Thumbnail ~ Large 2048では
    元の画像と同じ縦横比の縮小画像が作られます。

    Square (75x75pixels)とLarge Square (150x150pixels)。
    この2つはちょっと特殊で、正方形の画像を生成します。

    正方形の画像ってどういうルールで作られるんだろう?
    余計な余白をつけたりとか?
    自分では利用したことがなかったので、試してみました。

    Square画像についてテスト


    十分な大きさの画像(1920x1080)を使った場合

    元の画像:(紙面の都合で小さめの画像にしています)
    DeskPict1920x1080
    注:これはMac OS X 10.6に付属のデスクトップ画像です。©Apple Inc.

    Square
    Picture pop-up on Click!

    Large Square
    Picture pop-up on Click!
    短辺を指定サイズまで縮小し、長辺のはみ出した両端をカットした画像が作られます。



    Large Squareギリギリの画像(150x84)を使った場合

    元の画像
    Picture pop-up on Click!

    Square(短辺に合わせて両端をカットした画像になる。実際に作られた画像もこの形)
    Picture pop-up on Click!

    Large Square縦に間延びしてる
    Picture pop-up on Click!

    Large Squareの実際の画像はコレ
    Picture pop-up on Click!




    Squareよりも小さな画像(70x39)を使った場合

    元の画像
    Picture pop-up on Click!

    Square縦に間延びしてる
    Picture pop-up on Click!

    Squareの実際の画像はコレ
    Picture pop-up on Click!

    画像が小さいと、拡大処理などはされず、
    htmlタグで無理矢理75x75とか150x150の画像として表示させられてました

    だから間延びしたように見えるんですね^-^;

    縮小画像生成のルール・まとめ


    基本的に縮小画像の作成については「縦横○○ピクセル以上」ではなく
    「長い方のピクセル数が○○ピクセル以上」という基準で判断されているようです。
    ひととおり試した結果を以下にまとめました。

    ● 扱えるのは17x17ピクセル以上、容量200MB以下の画像。
    ● 以下のような縮小されたJPEG画像が作られる。
    ● オリジナル画像より大きいサイズの縮小画像は作られない。


    ● Square:アップロードされたすべての画像に作られる。
    縦横比は1:1に固定・サイズは75x75に固定。
    =短辺を75ピクセルまで縮小し、長辺のはみ出した両端をカットしたもの。
    短辺が75ピクセルに満たなければ拡大も縮小もしない。

    ● Thumbnail:アップロードされたすべての画像に作られる。
    縦横比は保持・サイズ可変。最大100x100。

    ● Small:長辺101ピクセル以上の画像に作られる。
    縦横比は保持・サイズ可変。最大240x240。

    ● Large Square:長辺150ピクセル以上の画像に作られる。原理はSquare 75と同じ。
    縦横比は1:1に固定・サイズは150x150に固定。
    =短辺を150ピクセルまで縮小し、長辺のはみ出した両端をカットしたもの。
    短辺が150ピクセルに満たなければ拡大も縮小もしない。

    ● Small 320:長辺241ピクセル以上の画像に作られる。
    縦横比は保持・サイズ可変。最大320x320。

    ● 以降、Medium(500), Medium 640, Medium 800,
      Large(1200), Large 1600, Large 2048
      これらはSmallと同じパターンで作られる。

    2016.3.17追記
    flickrの公式発表を見つけたので貼っておきます。
    縦横比が31.25倍を超える画像はダメだそうです。
    Supported file types
    ・JPEG.
    ・PNG.
    ・GIF (non-animated).
    ・All other formats will be converted to JPEG.
    Video limitations
    ・Each video can be up to 1 GB.
    ・Video playback is constrained to the first 3 minutes.
    Photo limitations
    ・Each photo can be up to 200 MB.
    ・Images can be no more than 31.25 times wider than they are tall.

    from: Flickr | SLN15628 - Flickr upload requirements


    おまけ:APIで画像の情報を取る際の注意点


    APIではSquare, Large Square*, Thumbnail, Small...Originalの順に出力されます。

    長辺が17~100まで=Square, Thumbnail, Original
    長辺が101~149まで=Square, Thumbnail, Small, Original
    長辺が150~240まで=Square, Large Square, Thumbnail, Small, Original(ここでLarge Square2番目に割り込んでくる
    以降、Originalの手前に次のサイズの縮小画像が追加される

    「サイズ順に並んでるはず」と思い込んでデータを取ると失敗するので注意が必要です^-^;
    スポンサーサイト
    このエントリーをはてなブックマークに追加
    Comment:0  Trackback:0
    2014
    06.02

    もう暑い

    Category: ブログ
    まだ6月に入ったばかりなのに、暑いですね〜^-^;

    先月は過去最高の
    44都道府県からのアクセスを頂きました!
    ありがとうございます!!

    最後の最後に
    鳥取県からのアクセスがありました^o^/
    呼びかけに応えてくれたみたいで嬉しかったです!
    コメントとかで名乗り出てくれてもええんやで?笑

    でもこの都道府県、ほんとに意味無さげ(汗)
    実際は半分以上、都道府県不明ですし^-^;
    ただの自己満足ですねw




    ベイスターズの新戦力。
    キューバの至宝・グリエル選手が来日!
    どうしよう。wktkが止まらないw
    ショート守れたらとんでもない打線になってしまう(*^◯^*)

    外国人枠は4人。
    現在の一軍はブランコ・バルディリス・ソーサ・モスコーソ。
    調子とかケガとかに応じて入れ替えていくことになりそう。


    てか、下であっため直してほしいのは筒香選手だったりします。
    ココんとこ全然打てなくなってる>_<


    それにしても、山口投手には驚きました^-^;;
    いきなり先発に転向して
    6回2安打無失点・四球2で勝ち投手に!
    先発勝利は8年ぶりとか、本当に驚きです。

    抑えから先発に復帰した久保投手の助言とかあったのかな?とか思ったり。
    何試合かみないと分かりませんが
    環境を変えるって大事なんですねー。


    この調子で交流戦勝ち越すんだ!(*^◯^*)
    このエントリーをはてなブックマークに追加
    Comment:0  Trackback:0
    back-to-top
    上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。