![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
JPEG (
http://ja.wikipedia.org/wiki/JPEG )は、写真など色数が多い画像に適したフォーマットです。簡単に言うと、色や明度の変化が少ない部分はデータ量を少なくして、そうでない緻密な部分はデータ量を増やしてデータとして保存します。
そのため青空などの一様な部分は島状になったり、俊敏な境界線部分の周囲にモスキートノイズと呼ばれる汚れた部分ができます。圧縮率を下げて保存すればこれらはある程度改善されますが、完全ではなく、またデータ量が大きくなります。
一方のGIF ( http://ja.wikipedia.org/wiki/Graphics_Interchang … )やPNG ( http://ja.wikipedia.org/wiki/Portable_Network_Gr … )は、イラストやロゴなど均一な色が多い場合に適しています。
まず、あなたの処理した画像が「写真」なのか「イラスト」なのかで、画像形式を決めてください。たとえJPEGでも圧縮率を高くしすぎるとブロック状になります。
次に画像サイズですが、ブラウザで表示させる場合は、実際の幅(ピクセル)幅と同じか、それより小さくする必要があります。(印刷を想定される場合は数倍のサイズで作成して、width,heightで小さく表示させます。--画像のファイルサイズが大きくなるので多用は禁物です)
640px×480pxで作成された画像を<img src="" width="240" height="180" alt="">と表示させる。
イラストデータでかつ、新しいブラウザだけを対象にするなら、SVG ( http://ja.wikipedia.org/wiki/Scalable_Vector_Gra … )という拡大縮小で一切、ギザの現れないフォーマットもありますが、SVG 編集ソフト ( http://ja.wikipedia.org/wiki/Scalable_Vector_Gra … )にあるように、限られています。私はinkscapeを使います。
1) 画像フォーマットの見直し
2) 圧縮率の見直し
3) サイズの見直し
No.1
- 回答日時:
サイズ違いかな?
実際の保存サイズ:表示サイズを同じに。 100px×200pxとかの大きさを検証しましょう。
1、保存した画像ファイルをローカルでWクリックして見てみる。
(ファイルの大きさを確認。現物大100%で見る)
2、ローカルでHTMLファイルからの画像はどうなのか?
(このHTML IMGのwidth,heightの指定pxで大きさが変わっているのかも)
3、アップロードした画像URLだけを表示してみる。
(HTMLと画像が違うとか、間違ってURLを指定している。キャッシュを参照しているとか※スーパーリロード)
写真は.jpgの方が色彩豊かで軽い。 文字は.gifやpngの方がベタ色でシャキっと映える。
ケースバイケース。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- YouTube Youtubeに動画をアップできません 1 2022/08/20 09:21
- ホームページ作成・プログラミング ホームページの内容変更を無料で(自分で)したいので方法を教えてください 3 2022/07/14 13:32
- Mac OS Macか Windowsか?悩んでいます。 6 2023/04/07 09:35
- ノートパソコン ノートパソコンで動画編集をするようになってから立ち上がるまで時間がかかるようになりました 11 2023/06/01 16:15
- Photoshop(フォトショップ) 画像編集ソフトPhotopeaのツールバーなどの文字の大きさを変える方法を教えてください。 1 2023/02/25 19:09
- その他(ソフトウェア) コマンドプロンプトについて教えてください。 状況: 画像編集ソフト上でネットから保存した画像を使うの 3 2022/05/26 11:14
- 画像編集・動画編集・音楽編集 編集ソフト ダビンチリゾルブに関して 動画編集してる際にエフェクトや、テキストの読み込みが遅くなって 2 2022/09/02 23:24
- 流行・カルチャー 切り抜き動画は違法ではないのですか? 2 2022/04/06 12:56
- 占い ある方面の人と相性が悪いのは何かあるのでしょうか? 2 2023/04/01 08:03
- PDF abode acrobat pro dc の文字編集教えてください 1 2022/09/15 09:58
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HPビルダーで写真を挿入すると
-
ウェブアートデザイナーを使っ...
-
既存画像(gif または png)の背...
-
フォトショップのモザイクって...
-
JPG画像のURLを得る方法に関して
-
JW CAD の 挿入した画像への...
-
discordで画像保存できない
-
エクセルで、特定の画像へリン...
-
ホームページの背景画像を両端...
-
お勧めのSVGのビューアーを教え...
-
壁紙 スライドショー ファイ...
-
フォトショップで画像の左上端...
-
画像は何枚ぐらいパソコンに保...
-
『GIMP』でGIF画像を保存する際...
-
GIMP2.2のプレビュー画面について
-
色相のヒストグラムを表示する方法
-
イメージプレビューの多数画像...
-
マッチングアプリ風の画像を作...
-
自作アイコンの背景が透明にな...
-
texの表について(セルの内容の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
2136×2848の画像を50...
-
フォトショップエレメント7 画...
-
ホームページビルダーで画像サ...
-
pdfファイルのサイズ縮小
-
HPに画像をアップすると粗く...
-
Jpegをテレビで見るときのサイズ
-
エクセルに画面のハードコピー...
-
・画像写真の貼り付け・・・
-
くるくる
-
イラストレータ jpeg 書き出...
-
web制作 画像がぼやける
-
イラレで作成したものをGIFに変...
-
写真の有効解像度を知る方法
-
ホームページに載せる写真のサ...
-
HPビルダーで写真を挿入すると
-
Word2002に貼り付けた後の画像...
-
フォトショ・最適な縮小方法とは?
-
ホームページビルダー表巾の固定
-
いいペイントソフトを教えてく...
-
HP掲載用写真データサイズにつ...
おすすめ情報