今の時代、ウェブページは一瞬で表示するべき！ 画像の遅延読込に役立つamp-imgの使い方 - ICS MEDIA
ウェブページの表示速度は、離脱率やコンバージョン率にもっとも影響する重要なポイントです。Googleが公表した調査結果では、「表示に3秒以上かかると、約53%のユーザーは離脱する」「表示速度が1秒から6秒に落ちると、直帰率は106%上昇する」というデータが出ているようです。 表示速度を改善する施策は色々とありますが、本記事では「AMPアンプ（Accelerated Mobile Pages）」を作成する際に利用するJavaScriptライブラリーを使って、簡単に表示速度を改善する手法を紹介します。 AMPとはウェブページの読み込みを高速化させる技術 「AMPアンプ（Accelerated Mobile Pages）」とは、名前の通りモバイルでのウェブページの読み込みを高速化させる技術です。 本サイト（ICS MEDIA）では以前「AMPの利点と対応HTMLの作り方」で導入方法を紹介していま
「言われても信じられない」錯視画像が本当にどうなっているのか分からない
2016年に開催された「第8回 錯視・錯聴コンテスト」で入賞した錯視画像が、「錯視が起きてることに気付けない」「言われても錯視だと信じられない」レベルだと話題になっています。どこに錯視が起こってるのか分かりますか……？ こちらがその画像、あなたは分かります……？ 錯視画像は2色に塗り分けられており、緩やかに曲がった波線と、大きくギザギザに曲がった波線が2本ずつ交互に並んでいます。「それがどうかしたの？」と思われるかもしれませんが、実はこの2種類の線は色の塗り方が違うだけの「同じ形状」の波線。この錯視画像は中京大学心理学部准教授・高橋康介さんが作成したもので、名称を「曲がり盲」と付けられています。 2種類の波線のうち、緩やかに見える線は波の「中心」で濃淡が切り替わっているのでカーブが認識されやすく、鋭く見える線は波の「頂点」で濃淡が入れ替わっており、それゆえ波のカーブが見落とされやすくなりま
男女の違いが分かる画像 : あじゃじゃしたー
1: 名無しさん＠おーぷん 2015/05/29(金)01:09:20 ID:COj 2: 名無しさん＠おーぷん 2015/05/29(金)01:10:32 ID:FGD 国内オンリー？ 3: -_-◆MhiJJ0nfhOvl 2015/05/29(金)01:11:23 ID:1In 女怖過ぎ 4: 名無しさん＠おーぷん 2015/05/29(金)01:11:30 ID:VMO 8: 名無しさん＠おーぷん 2015/05/29(金)01:12:19 ID:5OS >>4 これメッチャ好き 22: 名無しさん＠おーぷん 2015/05/29(金)01:19:47 ID:dbY 5: 名無しさん＠おーぷん 2015/05/29(金)01:11:36 ID:k8l お前の脳内がソースじゃないよな？ｗ 9: 名無しさん＠おーぷん 2015/05/29(金)01:12:37 ID:502 >
二次元画像を拡大したいと思ったことはありませんか？ - デー
うまくできましたか？ ボヤけたり、ギザギザになったりしませんでしたか？ waifu2xをお試しください。 (ブラウザの処理に影響されないようクリックで拡大おねがいします) waifu2xは、二次元画像を2倍に拡大するソフトウェアです。多くの二次元画像についてスゴイ級のクオリティで拡大できます。 waifu2xは、最新鋭の人工知能技術 Deep Convolutional Neural Networks を使って開発されました。 waifu2xの人工知能は、次の問に答えます。 いまから与える画像はある画像を半分に縮小したものである。縮小される前の画像を求めよ。 画像を拡大するのではなく、縮小される前の状態に戻します。 縮小されてないオリジナル画像を与えた場合も、やはり縮小される前の画像を答えます。 その画像は本来存在しないものですが、waifu2xはそれを想像で創ります。 二次元画像のJPE
pixivのサムネイル事情 - pixiv inside [archive]
この記事はピクシブ株式会社Advent Calendar 12/10の記事です。 こんにちは、インフラチームの@harukasanです。 さて、今日はpixivで使用しているサムネイル変換サーバについて紹介しようと思います。 pixivにはたくさんのサムネイルがある pixivにはうんざりするほどたくさんの種類のサムネイルがあります。 これは対応しているプラットフォームが多く、また画面毎にもサイズが異なるからです。 PC版であるwww.pixiv.netだけでも10種類以上のサムネイルが使用されています。 また、サムネイルにはアスペクト比を固定したものと、スクエアにクロップした2種類があります。 (Ugoira Tech Talks: Ugoku Backendより) 従来の方法ではこれらのサムネイルをアップロード時に生成していたため、サムネイル生成を非同期化するなどして対応していました。
![pixivのサムネイル事情 - pixiv inside [archive]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a7795bb63b5f0ec25d6ef004b131815b4baf0e9f/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fharukasan%2F20141210%2F20141210214738.png)
Tumblr
「JPEG Tilt」というページを公開しました。MotionJPEG Builder を作った時に、JPEG のヘッダを読み込む処理を作ったので（結局これは使わなかったんですが）圧縮データの読み込み部分も作ってみようか、という気になって作ったのがこれです。JPEG ファイルで画像が圧縮される様子を視覚的に表現する…… という目標だったのですが、どうでしょうか。まあ内容が内容なので説明無しではさすがに意味が分からないと思います。 ということで、JPEG Tilt の見方を以下で簡単に説明します。 図1は、JPEG Tilt の画面です。画像が iTunes の CoverFlow のように並んでいますが、これの左側は画像の低周波成分のみを抜き出した物で、右に行くとより高周波の成分も含めるように並んでいます（低周波、高周波という言葉の意味はこの先で出てきます） 画像の上にマウスカーソルを乗せ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Misotaro®︎ on Twitter: "この画像はワールドトリガーの戦闘シーンだが、左は「ジャンプ掲載時」右は「コミックス掲載時」の同一シーン。 見てわかると思うけど、迫力の違いというか...左はダメな例の漫画の描き方で、右は良い例の漫画の描き方的なのが伝わる。凄え。 https://t.co/U7YvuPXL14"
【正直に言いなさい】男の子ってこういうのが好きなんでしょ！！（９選）