2月11日よりTwitterでのPNG投稿の仕様が変わったのでフローチャートを作りました。ちなみに以前あった透過不透過は関係無いみたいです。 https://t.co/MCy1VeSi1C
PNGに関するn2sのブックマーク (16)
-
n2s 2019/02/14
-
-
はてなフォトライフに PNG をアップロードすると 64bit RGBA に変換されて無駄にファイルサイズが増える話 - しばやん雑記
気が付いたきっかけは、フォトライフにアップロードした画像をダウンロードしたことでした。 Snipping Tool を使ってキャプチャした画像は常に 32bit PNG になるので、それを 24bit にしてからアップロードしようと思い、実際に反映されてるか確認を行いました。 はてなフォトライフの縮小処理おかしい気がする— Tatsuro Shibamura (@shibayan) 2017年7月4日 200KB の PNG が 880KB になった— Tatsuro Shibamura (@shibayan) 2017年7月4日 Windows のプロパティを表示すると、何故か 24bit だった画像が 64bit になってる。そんな仕様あったか— Tatsuro Shibamura (@shibayan) 2017年7月4日 最初の方は Windows のプロパティ表示に問題があるのか
-
transpoint - Twitterにpng画像をアップロードするときにjpeg圧縮が掛からないように右下隅の1ピクセルを透明にする
transpoint.rb ��̒�U #!/usr/bin/env ruby # http://www.mk-mode.com/octopress/2013/08/28/ruby-write-character-by-rmagick/ # http://www.gesource.jp/weblog/?p=194 # transpoint - Twitterにpng画像をアップロードするときにjpeg圧縮が掛からないように右下隅の1ピクセルを透明にする require 'fileutils' require 'RMagick' def transpoint(image_filename) image = Magick::ImageList.new(image_filename) image.pixel_color(image.columns - 1, image.rows - 1, 'tr
-
TwI PNG - 跡地
TwI PNG (跡地) このページはTwI PNGの跡地です。 2019/02/11にTwitterで仕様変更があり、PNGがJPEGに圧縮される条件が変わりました。 そのため、TwI PNGで用いていた方法(左上1pxを透過させる)は無意味になりました。 新しい仕様 新しい仕様については公式のアナウンスがあります。 下記のツイートがとても分かりやすいので参考にしてください。 2月11日よりTwitterでのPNG投稿の仕様が変わったのでフローチャートを作りました。ちなみに以前あった透過不透過は関係無いみたいです。 pic.twitter.com/MCy1VeSi1C — くろ (@mnoqlo) 2019年2月13日 回避策 色が少ない場合 PNG-8に変換(圧縮)してツイートすることでPNGの状態でツイートできます。 ですが、PNG-8というフォーマットでは256色のパレットを使う性
-
バナーやスクリーンショットの圧縮に--オンラインでPNG画像を圧縮できるサービス5選
オンラインで画像を圧縮できるサービスといえば、写真の圧縮を前提にしたJPG対応のサービスを思い浮かべがちだが、バナーのほか、スマホのスクリーンショットの定番フォーマットであるPNG画像もまた、圧縮サービスのニーズは大きい。最近ではサイト名に「PNG」という単語を含めるなど、JPGよりもむしろPNGへの対応を売りにするオンライン圧縮サービスも登場しているほどだ。 今回は、こうしたPNG画像の圧縮に対応するオンラインサービスをまとめて紹介しよう。 ◇Optimizilla JPGとPNGに対応。最大20枚を同時にアップロードでき、ZIP圧縮でまとめてダウンロードできる。画像はプレビューを見ながら圧縮率をスライダで指定できる。プレビュー画面では拡大機能が用意されており、細部のクオリティの違いをズームして確認できるのが特徴。試用時には329KバイトのPNGファイルが80Kバイトに圧縮された。インタ
-
Webで使用する画像ファイルの最適化 - maruko2 Note.
Webで使用する画像ファイルの最適化 提供：maruko2 Note. 移動： 案内, 検索 マイコミジャーナルで紹介されていた、Webで使用する画像ファイルの最適化方法についてのまとめ。 主に、画質を劣化させることなく画像ファイルサイズを小さくするための方法を紹介。 目次 1 JPEG 1.1 JPEG ファイル最適化のポイント 1.1.1 jpegtran コマンド最適化オプション 1.2 jpegtran のインストール 1.2.1 Mac OS X の場合 1.2.2 CentOS の場合 1.2.3 Windows の場合 2 PNG 2.1 PNG ファイル最適化のポイント 2.1.1 pngcrush コマンド最適化オプション 2.2 pngcrush のインストール 2.2.1 Mac OS X の場合 2.2.2 CentOS の場合 2.2.3 Windows の場合
-
TruePNG
TruePNG is actually one of the most advanced PNG optimizer available. it does an exhaustive checks for reductions and should be able to transform image with more efficiency than other tools. those transformations are called image reductions. image reductions an image reduction is a data transformation that reduces PNG file size losslessly for Web. most of PNG optimizers do reductions, but the more
-
インターレースPNG
PNGファイルを書き出す時にインターレースPNGにすると、ファイルサイズ増えるけど、表示の体感は速くなる。また、ウェブページにおいては最初に画像の大きさ分だけ確保されるので、リフロー(レイアウト)を抑止できる。レスポンシブ・イメージとまでは言えないけど、多少はみんなに公平に優しい気がするので、ファイルサイズをケチらずに、すべてインターレースPNGにしてしまうのが良い気がする。デメリットも特に知らない。 新たなPNGファイルならば書き出し時にインターレースPNGにすれば良いけど、既存のものを手作業で修正しようとなると面倒くさい。optipngにインターレースPNGに変換するオプションがあるので、それを使って処理すると良い。 $ optipng -i 1 -strip all *.png ついでに消し忘れているかもしれないメタデータの削除も行うと、ファイルサイズが節約できて幸せ。メタデータの削
-
PNGの最適化ツールを探して - jarp,
■ 久し振りのGWの谷間出勤 諸般の事情により出勤しているんだけど、電車の一旦ドア閉め乗車がなかったり、 夕食の社食がなかったりといろいろと新鮮だ。 ■ Ruby 1.4の頃の-eの実装とirb 昨日までのirbはこんな感じになっていた(すでに変更された)。 require "irb" if __FILE__ == $0 IRB.start(__FILE__) else # check -e option if /^-e$/ =~ $0 IRB.start(__FILE__) else IRB.setup(__FILE__) end end この-eオプションのチェックはなんか意味不明なことになってるが、 元々Ruby 1.4の時代はsample/irb.rbでこうなっていた。 require "irb/main" if __FILE__ == $0 IRB.start(__FILE__)
-
WebサイトでPNGを使うのは非常識！？ | poyosicom
誤解を与えるタイトルにしてしまったので、訂正しました。ごめんなさい。 こんにちは@poyosiです。PNGを使いまくってコーディングしてますか？ 会社から「WebサイトでPNGを使うのはNGだからGIFにしとけ」とか言われたことないですか？ そうではなくても、「なんとなくPNG使うくらいならGIFにしといたほうが安心」という方もいるのではないでしょうか？ 今日は画像ファイルフォーマットであるPNGをWebサイトに使うのはどうなの？というお話をしたいと思います。 WebサイトでPNGを使ってもいいんじゃない？ 「WebサイトでPNGを使うのは非常識だろ」という事を言われたのですが、仕様書など特に取り決めがない限りでは、それは違うんじゃないかなと思っています。 私はWebサイトでPNGが使われることについては「どんどん使うべき！」と思っています。 そもそもPNGを使わないほうがよいと言われた理
-
OptiPNGにメタデータ削除機能が付いた
OptiPNGが0.7にバージョンアップして、待望のメタデータを削除する機能がついた。これでpngcrushいらなくなるかも。0.7では他にlibpngの脆弱性についての対応もなされているので、使用している人は更新するべき。 オプション名は-stripで、それに続けて削除したいチャンク名を指定する……ということになっているが、今のところはallというキーワードでの全削除しかできないようで、これとこれだけ削除とかはできない。 $ optipng -strip all test.png ざっと試した所、pHYs (アスペクト比やDPI)やiCCP(カラープロフィール)、cHRM(ホワイトバランス)あたりは削除されたので、オプションから想像できる通り必須チャンクとtRNS以外を削除するんじゃないかと思う。つまりpngcrushで言うところの-rem allb相当な感じなので、これをメインに使って
-
-
続：PNG画像をより美しく、より軽量に最適化するテクニック | コリス
上記のように半透明な箇所がある画像の場合、PNGで保存する前にモードをグレースケールにすることは非常に重要です。 グレースケールモード：[イメージ]-[モード]-[グレースケール] 2. 色数はより少なく 画像のカラーを減らす方法として、前回紹介したポスタリゼーションに代わる方法を紹介します。 この方法は256色限定で、カラーを最適化できます。 半透明の画像からイメージ箇所のみを抽出し（半透明は削除）、インデックスカラーに変換しマスクを適用します。 詳しい手順は下記の通り。 画像を開き、[イメージ]-[複製]で画像を複製します。 複製した画像に、[フィルタ]-[PhotoWiz]-[Remove Transparency]で透明箇所を取り除きます。 ※「PhotoWiz」はRemove Transparencyを参照ください。 [イメージ]-[モード]-[インデックスカラー]を選択し、イン
-
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2024年5月時点の調査。
-
PNG ファイルを Web 上で使ってはいけない - double-team.org
あ...ありのまま今起こった事を話すぜ！ クライアントから電話口で「Web サイトで PNG を使うのは非常識です」と言われた な...何を言っているのかわからねーと思うが、俺も何を言われたのかわからなかった... 頭がどうにかなりそうだった...クレームとか忠告とか、 そんなチャチなもんじゃあ断じてねえ。 もっと恐ろしいものの片鱗を味わったぜ... マジで頭がどうにかなるところだった。しかも曲がりなりにも「Web ディレクタ」と言う肩書きを持ってる人から。 何をもって PNG が悪なのか理解できなかった（と言うかその辺の話はスルーされた感がある）。 5年くらい前なら、まあ分かる。あの頃はまだカオスだったから仕事で使うには躊躇する規格だった。だが時代は変わり2008年だ。IE5.x もほぼ死滅し、Firefox3・Safari3・Opera9.5 がリリースされた。SVG も（
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました