72 ピクセル/インチの 40 x 20 ピクセルの画像があります。
Retina ディスプレイ版を作りたいと思っています。
私は何をすべきか?倍の大きさ?解像度を変更しますか?
また、どの形式で保存すればよいですか?PNG? JPG? ...
この画像をウェブサイトで使用しています...
72 ピクセル/インチの 40 x 20 ピクセルの画像があります。
Retina ディスプレイ版を作りたいと思っています。
私は何をすべきか?倍の大きさ?解像度を変更しますか?
また、どの形式で保存すればよいですか?PNG? JPG? ...
この画像をウェブサイトで使用しています...
画像エディターで、画像のサイズを 2 倍にして 80 ピクセル x 40 ピクセルにします。
マークアップで、幅を 40 に、高さを 20 に設定します。
<img src="example.png" width="40" height="20" />
透過性が必要な場合や画像が線画の場合は、png として保存する必要があります。写真をjpgとして保存します。
Photoshop には、画像のサイズを変更するためのいくつかのオプションがあります。たとえば、画像が iPhone サイズの場合、画像サイズを 200% 拡大できます。Photoshop には、画像をリサンプリングするためのいくつかのオプションがあります。バイキュービック、バイリニアなど。これにより、画像がより高い解像度で再作成され、欠落しているピクセルが補間されます。お役に立てれば。
CSS 不透明度オプションを使用できます。
これにより、不透明度に設定した値に基づいて、画像が透明になります。
不透明度を学習してみてください: http://www.w3schools.com/css/css_image_transparency.asp