A 回答 (2件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
サイズ違いかな?
実際の保存サイズ:表示サイズを同じに。 100px×200pxとかの大きさを検証しましょう。
1、保存した画像ファイルをローカルでWクリックして見てみる。
(ファイルの大きさを確認。現物大100%で見る)
2、ローカルでHTMLファイルからの画像はどうなのか?
(このHTML IMGのwidth,heightの指定pxで大きさが変わっているのかも)
3、アップロードした画像URLだけを表示してみる。
(HTMLと画像が違うとか、間違ってURLを指定している。キャッシュを参照しているとか※スーパーリロード)
写真は.jpgの方が色彩豊かで軽い。 文字は.gifやpngの方がベタ色でシャキっと映える。
ケースバイケース。
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) サイズの見直し
お探しの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ランキング
-
2136×2848の画像を50...
-
イラストレータ jpeg 書き出...
-
Illustratorで最小ファイルサイ...
-
ホームページ作成中です。画像...
-
既存画像(gif または png)の背...
-
JW CAD の 挿入した画像への...
-
JPG画像のURLを得る方法に関して
-
黒文字のロゴを白抜きで使いた...
-
エクセルで、特定の画像へリン...
-
画像の白抜きの意味
-
pythonで複数画像からgifを作る...
-
LibreOffice Calcで背景画像の...
-
画質の高い画像の検索方法あり...
-
ホームページの背景固定
-
Photoshopで背景を変えたい。
-
Illustratorで図形の背景のみを...
-
Photoshopで、削除できますか?
-
自炊したPDFの本を一度にレベル...
-
自作アイコンの背景が透明にな...
-
discordで画像保存できない
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
2136×2848の画像を50...
-
イラレで作成したものをGIFに変...
-
CDジャケット作成時の画像サイズ
-
Jpegをテレビで見るときのサイズ
-
ホームページビルダーで画像サ...
-
JPEG、GIFファイルの更なる圧縮
-
教えてgooってなんで、写真乗っ...
-
JPEGの容量の大きい画像の...
-
jpegの画像を縮小したい
-
ホームページビルダーの画像が...
-
スキャナーで取り込んだ画像を1...
-
くるくる
-
画像のデータを小さくする方法(...
-
線画のスキャン
-
PhotoshopとIllustrator どちら...
-
Word文書でフレーム画像に複数...
-
フォトショ・最適な縮小方法とは?
-
パソコンで画質を落とさず圧縮...
-
エクセル初心者です。JPEG保存...
-
illustratorからWEB用にGIFデー...
おすすめ情報