ホームページの操作をしてみると、画像のサイズを減らすか、またはイメージの容量(ファイルサイズ)を小さくするか、あるいは画像を切るなどの作業をする必要があります。 Photoshopなどの専門編集ツールを使用してもしますが、画像ビューアプログラムであるFastStone Image Viewerを使用すると、簡単に、このような操作を行うことができます。 何よりもこのように良いプログラムが無料である点がとてもいいですね。 (しかも使用して、簡単な編集も可能です。)
FastStone Image Viewerは、このプログラムの 홈페이지からダウンロードすることができます。
FastStone Image Viewerを基本画像ビューアプログラムに設定する
この画像ビューアプログラムをインストールすると、まず、すべての画像を、このプログラムを使用して開くように設定するようにします。 (もし他のプログラムを使用して画像を開きたい場合には、このプロセスを省略します。)
何の画像ファイルをマウスクリックした後、右ボタンを押します。 接続プログラム > 基本的なプログラムの選択を選択します。
その後、画像を表示するときに使用できる基本的なイメージビューアプログラムを指定することができます。
上記のようにFastStone Image Viewerを選択し、この種類のファイルを開くときは、常に選択されたプログラムを使用「をチェックした後」확인「を押します。
FastStone Image Viewerのイメージを実行時の画面のスタイルを変更する
これで画像ファイルをクリックすると、画像が全画面で開きます。 この状態では作業が簡単ではありませんので、画像ファイルを開いたときに画像サイズに合わせてプログラムを実行するように設定してください。 全画面で開いた画像上でマウスをクリックし、右ボタンを押して「エクスプローラビューに切り替え「をクリックします。
その後、エクスプローラビューモードが表示されます。 FastStoneメニューから 設定>環境設定をクリックします。
接続されたイメージの実行時 設定を "ウインドウを表示する「に切り替えます。」확인「」をクリックして設定を保存します。
画像サイズ変更
FastStoneメニューから 편집 >サイズ変更/リサンプルをクリックします。 その後、サイズ変更をすることができるウィンドウが実行されます。
ピクシェル、パーセント(割合)、印刷サイズなど、XNUMXつの基準に基づいて画像ファイルのサイズを変更できます。 一番下の「比率維持」をチェックすると、縦横比が維持されます。
画像のサイズを減らす
WordPressでメディアファイルをアップロードするときHTTPエラーこのような場合は、いくつかの方法を試して問題を解決することができますが、そのうちのXNUMXつが画像サイズを縮小することです。そして、メディアファイルのサイズを小さくすると、トラフィックの節約にも役立ちます。
画像ファイルのサイズを小さくするにはFastStoneメニューから ファイル > 別に保存をクリックします。
ファイル形式で JPEG Format(* .jpg; *。jpeg)を選択し、一番下の「オプション設定「をクリックします。
これにより、「ファイルフォーマットオプション」ウィンドウが表示されます。 表示されたポップアップウィンドウで、「品質」部分のスライドを適切に調整して画像ファイルのサイズを縮小します。 元のファイルサイズと調整された 新しいファイルサイズが表示されます。 品質が低すぎると画像がぼやけて見え、品質が高すぎるとファイル容量が大きくなるので、適度にバランスをとって調整した後」확인「を押してファイル名を指定した後」저장「を押して保存します。
FastStoneは他にもトリミングボードを介して画像を希望の領域をカットすることができ(トリミングボード)、回転、赤ら顔削除など、さまざまな機能を提供しています。
コンピュータに慣れていない方が画像ファイルを WordPress 上げのサイズを調整するために困難を経験することをよく見たことがあります。 機能を一つずつ熟す見れば簡単にメディアファイルを扱うことができます。
外部に画像を上げ、その画像のアドレスをドラッグ書いています。
今のところそのようなことがなかったが、今日作成した文章を見ると画像が大きく表示されます。 外部イメージのサイズを小さくインポートすることもでしょうか? それとも最初からサイズを減らしてあげおかなければならか?
https://fruitfulife.net/clam-chowder-cream-pasta/
こんにちは?
見てみると、画像の幅が600pxに合わせられているようですね。
まず、画像のクラスを、図のように指定ヘボシン後、次のCSSコードをチャイルドテーマフォルダ内のstyle.cssファイルに追加してみてください?
https://www.screencast.com/t/eFjT75dye6
CSSコード:
/* 외부 이미지 */
figure.wp-block-image.is-resized {
width: 100%;
}
.external_image {
max-width: 600px;
height: auto;
margin-left: auto;
margin-right: auto;
display: table;
}
このようにすると、その画像の最大サイズが500pxに調整されます。
そして、画像が中央に配置されます。
ブラウザでテストしたときにはうまく動作しますが、実際には正常に動作しない場合があります。
参考記事:
https://stackoverflow.com/questions/17993471/css-wont-center-div-with-max-width
ありがとうございます。 いつもこのように助けてください...
画像が元は1200に出たのです。
Gutenberg エディタに画像ブロックのサイズ調整が可能であることを質問を上げた後に遅れて発見しました。
いつもこのように助けてくれて2018年一年もありがとうございました。
来年もよろしくお願いします。
元気新年あけましておめでとうございます。 ^^
Gutenberg エディタを使用しているんですね。
画像ブロックの画像のサイズを調整する方法ではなく、最初から画像のサイズを適切なサイズに上げることがより望ましいと思われる。
なるべく画像のサイズを減らすことをお勧め。
実の木も明けましておめでとうございます :)