PNG」タグアーカイブ

画像容量を小さくする方法:第3回 画像フォーマットの種類と適性

ウェブ担当の嶋です。

画像容量を小さくする方法、前回は画像サイズについての基礎知識やピクセル密度についてご紹介しました。画像の最適化処理は主にPCで行うことになると思いますが、それを見る環境がスマートフォンの場合はリサイズする場合も気を使わないといけない、といったものでした。

さて、画像のサイズが決まったら今度は画像ファイルとして保存する作業を行います。見た目は同じ画像でも、デジタルの世界ではそのフォーマットはいくつかの種類があります。それぞれの特長、得手不得手などをご紹介していきます。

続きを読む

カテゴリー: OPTPiX Labs | タグ: , , , , , , | 2021/07/07 更新

Twitter投稿時にJPEGに変換されないPNG画像の条件

ウェブ担当の嶋です。

Twitter社は、「2019年2月11日以降、投稿画像の処理方法を変更した」とアナウンスしました。

これまでも、Twitterに投稿したPNG画像はサーバー側で加工されてしまうと言われてきましたが、今回はTwitter社が開発者フォーラムで「サーバー側で画像処理するよ」と明言したことになります。

英文で、かつ技術的な内容を含むため非常に難解ですが、かいつまんで言うと

  • 投稿画像が多く、それを保存しておくサーバーの維持が大変
  • 特に高解像度のPNGはファイルサイズが大きく負担が大きい
  • そのため大きいPNG画像はJPEGに変換することにした

という感じです。

普段の投稿がスマホで撮った猫や美味しそうなケーキの写真という方々には影響のない話ですが、イラストレーターやデザイナーさんにとっては重要なアナウンスです。

Twitter社もすべてのPNG画像を変換します、と言ったわけではありません。特定の条件を満たすPNG画像は変換をせずにそのまま投稿できるようにしたそうです。

実は今回のケース、一部の人にとっては「PNG投稿時の制限緩和」にも該当する内容になっています。このエントリーではその特定の条件についての解説と、投稿できるPNG画像の作成方法についてご説明します。

なお、断りのない限り本エントリーの情報は2019年3月現在の情報、動作を元に作成しています。

続きを読む

カテゴリー: Web | タグ: , , , , , | 2020/06/16 更新

タイムラインをはじめとする新しい機能を搭載したOPTPiX ImageStudio 8 βトライアルを公開しました

開発担当の橋本孔明です。

去る12月19日、OPTPiX ImageStudio 8のβトライアル、その初版となるβ0を一般公開しました。
まだまだ制限の多いバージョンではありますが、新しいバージョンでの設計思想をご覧いただけるようになっています。

これまで、本ブログでも何回かにわたって、OPTPiX ImageStudio 8で搭載予定となる新機能についてご紹介してきました。この機会に改めてそれらの新機能のうち、β0バージョンでお試しいただける3つの注目点を紹介したいと思います。

続きを読む

カテゴリー: OPTPiX ImageStudio | タグ: , , , , | 2020/06/16 更新

FacebookのOGP画像の仕様変更 キーワードは「1200px × 630px」と「PNG」

こんにちは、ウェブ担当の嶋です。2015年もどうぞよろしくお願いいたします。

さて、以前「OGPを設定して、Facebookでシェアした時の画像を大きく表示させる方法」というエントリーでFacebookでシェアした時に表示される画像の件を取り上げました。その後Facebookの仕様が変更され、画像の取り扱いが変わりましたので改めて整理してみたいと思います。キーワードは「1200px × 630px」、そして「PNG」です。

続きを読む

カテゴリー: Facebook | タグ: , , , , , , , , , , , , | 2020/06/16 更新

呑みながらでもわかる! これくらいなら知っておきたい「PNGのしくみ」

こんにちは、開発の小野知之です。

つい先日、当社製品「OPTPiX imesta 7 for Mobile & Social」の最新版「Ver.7.55」において、PNGファイルのサイズを更に小さくする「PNG オプティマイザー」という機能をパワーアップしました。
» プレスリリースはこちら
そこで今回は、この機能に関連して、「そもそもPNGって、どんなふうに画像データを圧縮し、ファイルサイズを小さくしているの?」というお話をしたいと思います。

でも、あまり専門的なことは書かずに、「誰もがサラッと読めて、呑みながらでもなんとなくわかる」 ような感じに説明したいと思います。

呑みながらでもわかる! これくらいなら知っておきたい「PNGのしくみ」特に、ウェブページデザインやアプリ開発などでPNGを使っている方は、この機会に是非、知っておいてください。

続きを読む

カテゴリー: 画像形式 | タグ: , , , , | 2020/06/16 更新