Pixlrでウェブサイト用に写真のサイズを変更・トリミングする方法
Pixelrを使ってウェブサイト用に写真のサイズを変更・トリミングする方法
正直なところ、ウェブサイトで画像をきちんと見せるのは本当に大変です。特に、PhotoshopやLightroomを使わずに急いで仕上げようとするとなおさらです。私は偶然Pixelrを見つけたのですが、使ってみると意外と簡単でした。とはいえ、少し癖があるのも事実です。とにかく、いろいろいじくり回した結果、最終的にうまくいった方法をお伝えします。もし、困っている誰かの参考になれば幸いです。
まずPixelrを開いて画像を読み込みます
先ほどpixelr.comにアクセスしました。これはWebツールなので、インストールは不要です（ありがたいことに）。サイトを開くだけで、メインページに写真を読み込むオプションがあります。適切なボタンを見つけるのに少し時間がかかりました。バージョンによっては、大きな「+」アイコンだったり、「ここに画像をドロップ」エリアだったりしますが、「画像を開く」オプションを探してください。それをクリックして、ファイルを選択してください。ただし、慣れていないとインターフェースが雑然としていて少し分かりにくい場合があるので注意してください。特に古いブラウザや小さな画面では、ボタンが隠れていることに気づきにくいので、忍耐が鍵となります。
ウェブサイト用の画像のサイズを変更する
写真が読み込まれたら、サイトのレイアウトに合わせてサイズを変更します。上部のメニューバーに移動して「画像」を見つけ、「画像サイズ」を選択します。ここで私はつまずきました。「縦横比を固定」（または「アスペクト比を維持」と表示されているかもしれません）にチェックが入っていることを確認したのですが、そうしないと写真が引き伸ばされたり縮んだりして、見栄えが悪くなります。幅は 1000 ピクセルに設定しました。Pixelr はアスペクト比に基づいて高さを自動調整するので、非常に便利です。ターゲットの寸法が異なる場合は、その後に幅または高さを微調整するだけです。このサイズ変更では元の品質が維持されるため、画像が非常に大きいか小さい場合は違いが出る可能性があることに注意してください。
切り抜きツールで不要な部分を切り取る
特定のセクションに焦点を当てたり、邪魔な背景を消したりしたい場合は、サイズを変更するだけでは不十分な場合があります。そこで、左側のサイドバーにある切り抜きツール（2本の垂直線が入った小さな正方形または長方形）を見つけてクリックしました。次に、写真の残したい部分にフレームをドラッグしました。特に完全な正方形や特定のアスペクト比にしようとすると少し面倒ですが、少し練習すれば可能です。必要に応じて切り抜きフレームのサイズを変更したり移動したりできます。見栄えが良くなったら、上部の「切り抜き」をクリックするか、ポップアップ表示されたオプションのいずれかをクリックすると、切り抜かれて所定の位置に収まります。最初は少しぎこちなく感じますが、数回試すとコツをつかむでしょう。
必要に応じて再度確認してサイズを変更する
トリミング後、 「画像サイズ」に戻って、すべてがサイトの仕様に合っているか確認します。トリミングによって縦横比が歪んだり、見た目がおかしくなったりすることがあるので、念のため確認することをお勧めします。必要に応じて、画像の読み込み速度を保ちつつ、画質も維持するために、例えば幅を1000ピクセルのままにするなど、再度サイズを変更しました。サイズ変更後に画像がピクセル化したりぼやけたりする場合は、圧縮率を少し下げるか、別のエディターから再エクスポートすることを検討してください。とはいえ、全体的には、サイズ、画質、読み込み速度のバランスが重要です。
最後に、ウェブ用に保存します
満足のいく仕上がりになったら、「ファイル」をクリックし、「保存」または「エクスポート」をクリックします。JPG または PNG 形式のオプションが表示されます。ほとんどの写真では JPG で十分です。品質スライダーを 80～90% に設定すると、ファイル サイズを適切なサイズに保ちながら、鮮明さを保つことができます。ロゴのように、画像に透明性やシャープな線が必要な場合は、PNG の方が適しています。設定を選択したら、後で見つけやすいようにファイルにわかりやすい名前を付け、デスクトップや「画像」フォルダなど、覚えやすい場所に保存します。プロンプトが表示されたら「ダウンロード」をクリックすると、Web 対応の画像が完成します。適切な結果を得るまでに 2 回ほど試行錯誤しましたが、今ではかなり安定したワークフローが完成しています。
全体的に見て、Pixelrは使い慣れてしまえばなかなか良いツールです。無料、ブラウザですぐに使える、複雑なソフトウェアのインストールも不要です。サイズ変更や切り抜きといった簡単な編集作業には、Pixelrがあればかなり手間が省けます。正直に言うと、使いこなすのに思った以上に時間がかかりました。特に最初はインターフェースが直感的ではなかったからです。しかし、一度すべての場所がわかると、ウェブサイト用の見栄えの良い画像を、手間をかけずに簡単に作成できるようになりました。
画像に困っている方は、次の点に注意してください。寸法をもう一度確認し、サイズ変更時に「縦横比を固定」が有効になっていることを確認し、慎重に切り抜くこと。また、エクスポートした画像を確認して、オンラインでピクセル化や画質の低下に驚かされないようにしましょう。頑張ってください。この記事が、誰かのイライラする時間を少しでも節約するのに役立つことを願っています！
関連記事
この記事は役に立ちましたか？