You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
ウェブテクノロジ代表の小高です。 CEDEC2013の2日目(8月22日)に行われたセッション「工程の手戻りを最小限に 圧縮テクスチャ(PVRTC・DXTC・ETC)における傾向と対策」の発表資料を公開いたします。 この発表資料は、登壇した二人(黒岡、上田)はもちろん、社内のデザイナー(ゲーム業界出身者)と小高の4人で、かなり時間をかけて準備しました。開発現場での経験知と理論を融合させながら、わかりやすく解説してみたつもりです。また、なるべく実際的なサンプル画像を用意するよう努力しましたが、一部時間切れで抽象的なサンプルを用いたところもあります。ご了承ください。 この内容を理解していただくことで、試行錯誤を減らし、より美しい画像表現を実現することのお役に立てるとすれば、頑張って準備した苦労が報われます。 アジェンダ 圧縮テクスチャの必要性 圧縮テクスチャの注意点 DXTCの傾向と対策 PV
こんにちは、@yoheiMuneです。 １つ前の記事ではPNG圧縮を行うコマンドラインを紹介しましたが、 今回はJPGの圧縮をコマンドラインで行うツールを紹介したいと思います。 JPEGの圧縮をコマンドラインから実行できるjpegoptim pegoptimというツールを使うと、JPEGをコマンドラインで圧縮することが出来ます。 Macの場合インストールは簡単で、以下のように行います。 $ brew intall jpegoptim 上記でインストールできない場合には、以下のサイトからソースコードをダウンロードしてコンパイルすることでもインストールできます。 http://www.kokkonen.net/tjko/projects.html インストールが完了したら、以下のコマンドが認識されればインストール成功です。 $ jpegoptim jpegoptimをコマンドラインで使ってみる
Understanding 해운대고구려 Facebook Marketing Works Having a really good해운대고구려 item may certainly not be actually a guarantee for excellent purchases. It’s achievable for you to possess wonderful service or products,… [더 보기] Just howCrucial 해운대룸싸롱 The Right Diabetes Mellitus Diet? There is actually해운대룸싸롱nothing more important than the best diabetes diet regimen. Diabetic issues is actually a major disea
あけましておめでとうございます。NAVERまとめのフロントエンドを担当している縣です。初詣で引いた大吉のおみくじを握りしめながら今年も張り切っていこうと思います。 今回はJavaScriptの遅延ロードの仕組みをNAVERまとめに導入した際のお話を紹介します。 遅延ロードの検討 昨年NAVERまとめのまとめ閲覧ページや、まとめ編集ページでのJavaScriptファイルの読み込みを遅延ロード化する作業をしました。元々はページ読み込み時に全て読み込ませていましたが、JavaScriptファイルが巨大になってきてパース・実行に時間がかかるようになったことから遅延ロードを検討することになりました。 遅延ロードの利点というとJavaScriptファイルの読み込み・実行によるブラウザのレンダリング停止を防ぐのはもちろんですが、どのファイルがいつどこで必要になるかを明確にすることもでき、依存関係を動的
SuperPNG is a free, open source Adobe Photoshop plug-in for using PNG ("ping") files. It has more comprehensive support for the format than Photoshop's included plug-in and provides control over alpha channel handling. PNG is an open source file format that supports tight lossless compression. It can be read on any platform by most graphics applications and is fully supported by all modern web bro
(急遽宣伝) FrontrendでGruntします Frontrend（フロントレンド） Vol.3 powered by CyberAgent : ATND Frontrend（フロントレンド）とは サイバーエージェントが主催するフロントエンド系技術セミナーです。 HTML5/CSS3やJavaScriptのトレンドやノウハウ等を惜しみなくお伝えします。 2012/10/21（日）の午後に、FrontrendでGruntのことを紹介させていただく運びになりました！以下の記事は色々と知ってる前提な内容になってしまっているので、ベーシックな所から知りたい方には特にオススメです。 今回のFrontrendはスピード特集ということで、ページパフォーマンスの最適化はもちろん、CSSプリプロセッサの導入や、ガイドラインの運用による業務効率のカイゼンにも踏み込んでスピードを上げていきます！ということで
このテーブルの番号は 1 Byte になっているため、0-255 の 256 個しか登録できません。そのため、画像で使用されている色が 256 個より多い場合は、なんとかして 256 個にしなくてはいけません。 この「なんとかして 256 色にする」というのが減色処理で、なるべく元の画像からの変化を分からないようにしながら色を減らしていくためのアルゴリズム実装です。（この記事では減色アルゴリズムについての説明は省略します。） テーブルを作成したら、画像のそれぞれのピクセルを RGB 形式からテーブルの何番目の色を使うかに置き換えます。 上図のように、1 ピクセルあたり 24bit 必要だった画像が 1 ピクセルあたり 8bit になったので、データサイズは大体 1/3 になります。 （パレットのデータに最大 3 Byte * 256 = 768 Byte 必要とか、同じように圧縮されないと
こんにちは。クライアント基盤チームのよやです。 アバター等を表示する為に PNG や JPEG の画像を元に GIF アニメーションを生成する事がよくありますが、GIF は 256色までしか扱えない為、元画像が数万といった単位で色を使っていると減色処理に大変時間がかかります。そこで、ImageMagick の減色処理を改造して高速化した事例をご紹介します。 尚、一度に読む分量ではまとめ切れない為、前編と後編に分けました。前編は減色処理、後編はその改造について説明します。 プログラム構成では上の図の magick/quantize.c が減色処理に相当します。 まず、減色処理の一般的な話から始めます。 減色の利点 Web で見かける画像ファイルの多くは、1つのpixel(描画の最小単位)に対して、Red, Green, Blue が各々8bits で計 24bits(= 3bytes) 、透
Clicking the “Branch this” button next to a post lets you start your own branch to talk about it. Branching a post is perfect for when you have something to say about someone’s post or want to go on a tangent—without taking the whole conversation off track. Join our beta so you can branch posts, too.
PNG supports various combinations of color depth, transparency and color correction. Some combinations work perfectly with every piece of software produced in the last decade, and some more esoteric features are practically useless. Palette with 1-bit transparency (like GIF) IE6 IE7-8 Your browser GIF-like PNG images with simple transparency are supported in all browsers (even as old as IE4) witho
Web designers are starting to discover that 8-bit PNG files can be used to achieve semi-transparency (alpha transparency) that will gracefully degrade in IE6 and be much more compact than the same image saved as a PNG-24. Most of the posts around the web focus on using Adobe Fireworks to achieve semi-transparency, but what about the rest of us that don’t use Fireworks? Today, I’ll demonstrate an a
pngquant is a command-line utility and a library for lossy compression of PNG images. The conversion reduces file sizes significantly (often as much as 70%) and preserves full alpha transparency. Generated images are compatible with all web browsers and operating systems. Features High-quality palette generation using a combination of vector quantization algorithms. Unique adaptive dithering algor
年末に、オンラインブックマークでたまってしまいがちな「あとで読む」とか、「一応保存」とかを整理することにしました。 そしたら、同じような内容や機能のWebサービスのページをいくつもブクマしてることに気づいてしまいました。 そこで、似たようなものは自ブログにまとめて少しブクマ数をスッキリさせることにします。 で、実はあんまり使ってないけどいざって時にあると助かる「スクリプトの圧縮＆デコードツール」をまとめてみたいと思います。 まずは圧縮編から。 ファイルの改行やインデントを無くしたりしてファイルサイズを軽くするツール 私がやるような規模の案件ではまず使うことはないのだけど、サイト規模が大きくなるとこういう配慮も必要なのかも。 やってることはどのサイトでも一緒なので、各自見やすい・使いやすいと感じるやつを選んでいただければよろしいかと。 CSS編 CSS Compressor 圧縮度合いを4段
Javascriptの読み込みが遅いのは、ユーザー体験のリッチなウェブページを作るうえで悩むポイントです。特に、Facebook・Twitter・Google+の各スクリプトの読み込みが遅い気がしていました。 Twitter ツイートボタンの設置タグ <a href="https://twitter.com/share" class="twitter-share-button">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/wi
Closure compiler service is deprecated, and will be removed. See issue #4199.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
