よくある質問・詳しい内容
Petanko Image（ぺたんこイメージ）でのよくある質問・画像処理について、ご案内いたします。
取り扱う画像ファイルについて
Petanko Image で取り扱う画像について、ご案内いたします。
画像ファイルの種類（png画像・jpg画像の違いって？）
Petanko Image で処理できる画像ファイルは、Webでよく使われる以下の2種類です。
- png
- jpg
png画像の特徴
PNG（Portable Network Graphics）は、画像ファイル形式の一つです。JPEGと並んでよく使われるフォーマットで、特にウェブページで多く利用されています。
- 透過処理が可能：
画像の一部を透明にすることができます。背景を透過させたり、複雑な形の画像を組み合わせて使う際に便利です - 可逆圧縮：
画像の圧縮方法の一つで、何度圧縮・解凍を繰り返しても画質が劣化しません - 色数：
1677万色以上のフルカラーに対応しています
png画像のメリット
- 高画質：
透過処理や可逆圧縮により、高品質な画像を保持できます - 多様な表現：
透過処理によって、デザインの自由度が広がります - Webに最適：
ウェブページでよく使われる画像形式で、ブラウザの互換性も高いです - 劣化しない：
繰り返し保存しても画質が劣化しないため、編集作業に適しています
png画像のデメリット
- ファイルサイズが大きい傾向：
JPEGに比べてファイルサイズが大きくなるため、ページの読み込み速度が遅くなる可能性があります - 写真には（どちらかというと）不向き：
写真のような自然なグラデーションを表現する場合は、JPEGの方が適している場合があります
いつpng画像を使うと良いの？
- ロゴやイラスト：
透過処理が必要な場合や、高品質な画像を保持したい場合 - ボタンやアイコン：
複雑な形の画像や、背景を透過させたい場合 - スクリーンショット：
画像の情報を正確に保持したい場合
jpg画像の特徴
JPEG（Joint Photographic Experts Group）画像は、Webサイトで最も一般的な画像形式の一つです。
デジタルカメラで撮影した写真など、自然なグラデーションを多く含む画像の圧縮に特化した画像形式で、Webページだけでなく、デジタルカメラの画像形式としても広く利用されています。
- 非可逆圧縮：
画像のデータを捨てることでファイルサイズを大幅に縮小する圧縮方式です - 高圧縮率：
png画像に比べて、非常に高い圧縮率を実現できます - フルカラー：
1677万色以上のフルカラーに対応しています
jpg画像のメリット
- ファイルサイズが小さい：
高圧縮率のため、ページの読み込み速度が速くなります - 写真に最適：
自然なグラデーションを滑らかに表現できます - 汎用性が高い：
ほとんどの画像ビューアやブラウザでサポートされています
jpg画像のデメリット
- 画質の劣化：
圧縮するたびに画質が劣化します - 透過処理ができない：
画像の一部を透明にすることはできません - 編集に弱い：
繰り返し編集すると、ノイズが目立ったり、画像がぼやけることがあります
いつjpg画像を使うと良いの？
- 写真：
風景写真、人物写真など、自然なグラデーションを多く含む画像。 - ファイルサイズを小さくしたい場合：
ページの読み込み速度を重視する場合。 - 多くの画像を扱う場合：
ストレージ容量を節約したい場合。
画像ファイルの種類まとめ
以上をまとめると、以下の表のような内容になります。
| 特徴 | PNG | JPEG |
|---|---|---|
| 透過処理 | 可能 | 不可 |
| 圧縮方式 | 可逆圧縮 | 非可逆圧縮 |
| 色数 | フルカラー | フルカラー |
| ファイルサイズ | 大きい | 小さい |
| 画質 | 高い | 普通 |
| 適した用途 | ロゴ、イラスト、ボタンなど | 写真、グラデーションのある画像など |
画像縮小・圧縮処理について、各プラン共通
Petanko Image の画像縮小・圧縮処理について、ご案内です。
画像縮小・圧縮の順番と、ファイルサイズ処理に関するご案内と注意点
Petanko Image の画像縮小・圧縮では
- 画像の横幅を縮小したあとに
- ファイルサイズの圧縮を行います
- （変換にチェックを入れた場合のみ）画像の拡張子を変換して、ファイルサイズを圧縮しやすくします
- png画像は圧縮しにくい性質があります。（ png画像について）
- 画像の質を少しずつ落とします
- ファイルサイズが目標値になったら、処理を終了します
- （変換にチェックを入れた場合のみ）画像の拡張子を変換して、ファイルサイズを圧縮しやすくします
このような順番で縮小・圧縮処理を行いますのでファイルによっては、画像縮小・圧縮処理をしない場合があります。
またPetanko Image での圧縮では、設定した圧縮サイズ（200kb以下 or. 100kb以下）や見た目の美しさを保証するものではありません。
どうしても目標値以下のファイルサイズを目指したい場合は、png → jpg 変換をお考えください。
考えられる、処理をしないケース：
- 全く処理を行わない場合
- 横幅だけ処理をする場合
以下で詳しくご説明します。
全く処理を行わない場合とは？
基本的には
- ファイルサイズの目標値や横幅が、指定した横幅よりも小さい場合
に、処理を行いません。また、png画像に関しては
- 処理を行うことで、ファイルサイズが増えてしまう場合
があります。
この場合も、処理を行いません。
横幅だけ処理をする場合とは？
横幅だけ縮小処理するのは
- ファイルサイズが目標値より小さい場合
に、横幅縮小処理のみ行います。
横幅の設定はできるの？
Petanko Image の無料画像縮小では、横幅を 1920px or. 768px に縮小します。
有料版では、横幅を 300px〜2400px の間で数値を入力して縮小します。
横幅の縮小では、バラツキが出ることはありません。
ご安心ください。
また、有料版において数値入力ができますが「画像の横幅を拡大することはできません」ので、ご了承ください。
処理後の画像サイズ表示が、少し違うのはなぜ？
画像圧縮したとき、Petanko Image で表示されるサイズと、実際にダウンロードしたときのサイズが、少し違うことがあるかもしれません。
これは、コンピューターが画像を扱うときに、いろんな計算をしているためです。
- コンピューターの計算方法：
- コンピューターは、とても小さな数字まで細かく計算します。ですが、すべての数字を正確に表すのは難しいため、計算の途中で少し誤差が出てしまうことがあります。
- 画像の表示方法：
- ウェブサイトで画像を表示する方法は、ブラウザによって少し違います。そのため、同じ画像でも表示されるサイズが少し変わることがあります。
- 画像の保存方法：
- 画像を保存するときに、少しだけ情報が失われることがあります。これは画像をより小さくするために行われる処理で、人間の目にはほとんど分かりません。
これらの理由から、画像のサイズ表示が少しずれてしまうことがあります。
表示されるサイズと実際のサイズに大きな違いはありませんので、ご安心ください。
無料プランの画像縮小・圧縮について
無料プランについて、ご案内です。
無料プランの画像縮小サイズ
Petanko Image の無料画像縮小では、横幅を 1920px or. 768px に縮小します。
どうして横幅を1920pxや768pxに縮小するの？
高解像度テレビやプレゼンテーション、ソーシャルメディアのカバー写真などでよく利用される横幅が1920pxとされています。
また、一般的なデスクトップパソコンやノートパソコンでも最適なサイズが1920pxの画像ファイルとされているため、横幅設定を1920pxと致しました。
似たような理由で、タブレット用の画像として多く採用される横幅が768pxです。
Petanko Image の無料プランではこのどちらかの画像サイズを選択して、ご利用いただけます。
WEBサイト画像における、デバイスごとの推奨サイズは以下のとおりです。
- パソコン：1,920px × 1,080px
- タブレット：768px × 1,024px
- スマホ：390px × 844px
px（ピクセル）とは、画像を構成する小さな点のことで、デジタル画像の最小単位を指します。ホームページに使用するアイキャッチや図解などのサイズを最適化すると、ユーザーにとって見やすいサイトになります。最適なサイズの画像を用意して、使いやすいWEBサイトを作成しましょう。WEBサイトの画像の最適なサイズ｜スマホ・デスクトップの画像サイズ – Shopify 日本
無料プランの画像ファイルサイズ
Petanko Image の画像縮小では、画像ファイルサイズを 200kb以下を目標値として 圧縮します。
どうして画像のファイルサイズ目標値を200kb以下にするの？
Webサイトに掲載する画像では特に、ファイルサイズに気を配る必要があります。
例えば、パソコンやスマホで画像ファイルを表示するためにはデータ通信が必要ですが、
- 画像ファイルサイズが小さいと？
- データ容量が小さい → 通信量が少なく済む → 素早く表示される
- 画像ファイルサイズが大きいと？
- データ容量が大きい → 通信量が多くなる → 表示に時間がかかる
ということになります。
不必要に画像ファイルサイズが大きい場合、
- （モバイル回線を使っているユーザーに対しては特に）、ムダな通信量を使わせてしまう
- すぐに情報が知りたくても表示に時間がかかってしまう
ため、SEO（検索エンジン最適化）での評価としてユーザーに対して優しくないサイトだと判断されてしまう可能性が上がってしまいます。
（もちろん、ウェブサイトの内容で画像ファイルの「質」が重要である場合は、ファイルサイズが大きくても問題ありません。）
画像1枚のファイルサイズは200KBを目安に、できる限り軽くしておきましょう。
Googleが発表したデータでは、速度の遅いモバイル回線も考慮して、ページ容量「1.6MB以内」を目指すべきとされています。ブログの最適な画像サイズとは？最適化する理由やおすすめツールも紹介 | 初心者のためのブログ始め方講座
こうした理由から、Webサイトで利用する画像は
- 適切な大きさ
- 適切なファイルサイズ
にしておく必要があります。
入会・退会、購読・解約について
Petanko Image でのお支払いでは「codoc」というサービスを利用しています。
有料プランをご利用いただくにはcodocのアカウント登録が必要です。
このため、Petanko Image での「入会」「退会」とは、「codoc」サービスの「入会」「退会」となります。
種類が多くて申し訳ないのですが
- codoc サービスの 入会・退会
- お支払いに関するサービス
- codocアカウントは、他サイトのcodocサービスでもご利用いただけます
- Petanko Image サービスの （サブスクリプション）購読・解約
- 画像圧縮に関するサービス
- Petanko Image のサイト内のみ、有効
と、それぞれ別の意味合いがあります。ご注意ください。
codocに入会するには？
- codocの「無料で始める」ボタン or.
- 有料プランのご購入の際に、「会員登録をして決済」を選択
のどちらかより、ご入会いただけます。
codocのアカウント登録による利用料金は無料です。
Petanko Image の無料プランでも入会は必要？
Petanko Image の無料プランご利用では、入会の必要はありません。
codocを退会するには？
- codocのお客様ページにログイン
- 画面右上にある、自分のアイコンをクリック
- 「アカウント」を選択
- 「アカウント設定」ページの「退会」から「退会処理を開始する」をクリックして、お手続きください。
- 念のため「アカウント」→「購読中」を確認して、購読中のサブスクリプションがないか？確認＋解約しておきましょう。
サブスクリプションの解約方法
こちら で詳しくご案内しています。
Petanko Image 料金プラン・購読方法について
有料プランの価格や、購読方法についてのご案内です。
料金プランの詳細
料金プランや、プランごとの違いを表にしました。
無料プラン以外、できることは同じです。料金の違いは
- 有効期間
- 広告の有り・無し
によって、変化しています。
| フリー | ライト | ライト（サブスク）※2 | スタンダード | スタンダード（サブスク）※2 | |
|---|---|---|---|---|---|
| 有効期間 | 無期限 | 1ヶ月 | 無期限 | 1ヶ月 | 無期限 |
| 料金 | 無料 | 300円 | 275円（年間で1ヶ月分おトク）/ 月 | 500円 | 455円（年間で1ヶ月分＋ちょこっとおトク）/ 月 |
| 広告の有無 | 有 | 有 | 有 | 無 | 無 |
| 横幅の指定 | 768px or. 1920px | 300～2400px | |||
| ファイルサイズ目標値 | 200kb以下のみ ※1 | 200kb or. 100kb 以下※1 | |||
| png→jpg変換 | 有 | ||||
お支払い方法
codoc のサービスを利用します。
お支払いに関する注意点（各プラン共通）
Petanko Image の画像縮小・圧縮サービスでは、
- プラン変更・中途解約・キャンセル等、返金や払い戻しができません
有料プランをご検討いただく前にまず「 無料プラン 」でサービスをお試しいただき、使用感やご利用期間のご検討をされることを、オススメします。
お支払いに関する注意点（1ヶ月プラン）
各プラン（1ヶ月）は、
- 1ヶ月間限定の、サブスクリプションプランです。
- 期間をすぎると、プランはご利用いただけなくなります。
- 継続利用される場合は再度、月間プランをご購入いただくか、サブスクリプションプランをご検討ください。
お支払いに関する注意点（サブスクリプションプランの解約について）
各プラン（サブスクリプション）は、
- お客様の解約手続きがない限り、毎月の支払いが発生します。
- ただし、いつでも解約できます。
- 解約手続きは、codocのお客様ページ→「購読中」画面からお手続きいただけます。
月額の日割りについて
サポートされません。フリートライアルが設定されているサブスクリプションを除き、購入日より料金が発生します。解約について
codocにログインし、「購読中」画面より解約できます。 解約後、課金は行われません。 次回の更新予定日までは当該サブスクリプションは有効（コンテンツの閲覧が可能）です。
codoc | WEBメディアのためのコンテンツ販売サービス コードク サブスクリプションについて より
有料プランを利用していましたが、期限が切れてしまいました。
期限切れになると、有料プランページから自動的に申込みページへ推移します。
再度、プランのお申し込みをしていただくか、無料プランをご利用ください。