In order to ensure our website run as effeciently as possible on the internet, we need to size images correctly for the web. For example, if you have a div that will contain a 400px wide image, you shouldn’t load a 800px image into the browser and size it down with CSS — you should save the image to be 400px wide (naturally).
A quick way to resize a folder of images is by using batch resize in Adobe Photoshop:
Gather all the images you want to resize into one folder:
Navigate to the Image Processor in Photoshop:
Set your preverences in the resulting dailog box — images will resize proportionally to the values set in the “File Type” section:
Use Adobe Media Encoder to resize video.
Add the video to the que by dragging or clicking the (+) button.
Set the settings for downsampling
The following settings will give you the most bang for your buck:
|Width||720px or less|
|Target Bitrate||1-2 mbps|
|Maximum Bitrate||2-3 mbps|