フロントエンドの画像軽量化まとめ【2017年版】 - KAYAC engineers' blog
こんにちは、面白法人カヤック フロントエンドエンジニアのごんです！ 今回は、Webの画像の軽量化について、フロントエンドチームで使ってるツールややり方をまとめてみました。 画像の軽量化などで困ってる方の参考になればと思います。 なぜ画像の軽量化をするのか Webサイトのローディング時間は、ユーザーの直帰率やコンバージョン率に関わる大切な指標です。 ローディング時間に関わる要因はさまざまですが、 特に画像は容量が大きいため、画像の軽量化をすることで表示速度の大きな改善を望むことが出来ます。 例えば、当ブログのある記事は、画像が全体の容量の約1/3を占めていました。 一般に、PhotoshopやIllustratorから出力された画像は、十分な色数やクオリティで出力されており、 ツールなどを使うことで、見た目をそれほど損なわず、容量を大幅に減らすことができます。 また、一部の画像形式には、メタ
第5回 同じ色のハズが設定1つで大違い――液晶ディスプレイの「色温度」を究める | EIZO株式会社
液晶ディスプレイ講座IIの第5回では、画質調整の基本である「色温度」にスポットを当てよう。色温度は液晶ディスプレイの画質に大きな影響を与えるが、「標準」の設定で使っている人も多いのではないだろうか。 色温度の意味を正しく理解することで、液晶ディスプレイの画質をより適切に調整できるようになるはずだ。 下記の記事は2009年3月30日に「ITmedia流液晶ディスプレイ講座II 第5回」に掲載されたものです。 そもそも「色」をなぜ「温度」で表すのか？ 昨今の液晶ディスプレイは、大半の製品がOSDメニューに「色温度」の調整項目を備えている。 液晶ディスプレイの発色は色温度の設定によってガラリと変わるので、映像を「適切な色」で表示したい場合、用途に応じて正しい色温度を選ぶことが必要だ。 初めに、色温度の意味を簡単に解説しよう。色温度とは「光の色」を表すのに使われる数値のこと。ディスプレイやカメラ、
経産省が無料の写真素材を配布中?!美しい日本を伝える観光促進サイト Photo METI
また観光情報のデータベース「観光予報プラットフォーム」と連携し、観光地の基礎情報、混雑情報や、外国人向けのサービス情報なども提供中。今後は、ユーザーの写真投稿機能なども追加予定とのことで、今後ますます楽しみな国産フォトストックサイトのひとつと言えるでしょう。 宮城県 気仙沼港 内湾 Miyagi Inner Bay, Kesennuma Port, METI, CC BY 4.0 International 福島県 さざえ堂 Fukushima Sazae-do Hall, METI, CC BY 4.0 International 福島県 国宝 白水阿弥陀堂 Fukushima Shiramizu Amida-do Hall (National Treasure), METI, CC BY 4.0 International 沖縄県 名蔵湾 Okinawa Nagura Bay, MET
konayuki358.com - このウェブサイトは販売用です！ - konayuki358 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
デジタルカメラのイメージセンサーにはCCDとCMOSがありますが、なぜCCDの方が高性能なのでしょうか？ - ご質問者様が「金に... - Yahoo!知恵袋
ご質問者様が 「金に糸目はつけねーぜ」 と豪毅に開発した場合、CCDの方が性能は良くなります。 実際にハイエンドな現場ではCCDが採用されています。 例えば、天体望遠鏡。 街で売っているようなものではなく「すばる望遠鏡」ですけどね。 あれは浜松ホトニクスという世界最先端の技術力を誇る企業が開発したCCDを採用しています。 身近な例（でもないが）では初期のマーベリックミサイルとか91式SAMなんかはSONY製のCCDを載せていました。 まぁ、どちらも「金に糸目はつけねーぜ」的な開発をされてますからね。 さて、ではなぜCCDが高性能であるというのかですが、 原理的にはそのとおりですが、現状ではそうも言い切れませんというのが実態だということをまず理解してくださいね。 CCDは基本的にフォトダイオードだけで構成されています。光によって電化が発生してもそれは素子の外に運ばれ別回路のアンプで増幅されま
絵が描けなくてもできる、写真を背景イラストのように加工する方法（教室編） | TEAM EX NOTES
私は、まったくもって絵が描けません。人物画はもちろんのこと、背景画もとてもお粗末なものです。 しかし、デザイン関係の作業をやっていると、どうしてもビジュアル素材が必要になることも多く、「描けませんごめんなさい」というわけにはいかないことも結構あります。 また、イラストレーターの方でも、「どうしても背景素材が必要だけど、描けない」「背景の時間がない」という方もいらっしゃるかと思います。 この記事では、そんな方々のために、Photoshopさえあれば簡単にできる、写真を背景イラストっぽく加工する方法についてご紹介します。 あくまで「イラストっぽく」なので、よく見ると写真が元なのはバレバレなのですが、ぱっと見はだいぶそれっぽくなるのではないでしょうか。 元写真と加工後の画像今回加工する元写真今回は「教室」を題材にイラスト化作業を進めます。加工する元となる写真は、以前の記事で私が撮影した旧上岡小学
同人誌や商用利用もOK！天体や地球をイメージした数理地理学図形の美しいベクター素材 -Mathematical Geography
天体や地球をイメージした数理地理学の図形にインスパイアされた美しい素材を紹介します。ベクターなので拡大縮小・カラー変更など、きれいに加工できます。 利用にあたっては、Webでもアプリでも動画でも紙でもプロダクトでも無料です。
Facebookがデザインしたスマホ・タブレット・スマートウォッチなどのデバイスモックアップ用PNG画像＆Sketch用素材集
数多くのプラットフォームで利用可能なFacebookが、誰でも無料で利用可能なApple・Samsung・Google・HTC・Microsoftのスマートフォン・タブレット・スマートウォッチ・スマートTVのモックアップとして使えるビットマップ画像集を公開しています。ファイル形式はPNGとSketchとなっています。 Devices — Facebook Design Resources http://facebook.github.io/design/devices 各種端末のモックアップを全てゲットするには、「Download All Devices」をクリック。「自分の作品」として再配布しなければ、無料で誰でも自由に利用可能です。 ダウンロードされたZIPファイルを解凍して開きます。 解凍したフォルダに入っている「Facebook Devices」をクリック。 ここに全てのスマートフ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
撮った後に手軽にプロっぽくできる「スマホの写真加工テクニック」
ぱくたそ - フリー写真素材・無料ダウンロード