Prepping Images
Prepping Images
Embedded Files
Images for web will need to be small and accessible to all.
To ensure that everyone can see the images the best practice is to save the images as jpegs with a maximum resolution of 1920 pixels wide by 1080 pixels high which is what works on laptops. (The images can be smaller than that but should not be larger for best practices.)
Why?
Saving this way will ensure all users can see the work to collaborate even with slower internet.
This is best practices as you start your role as a media designer for the web.
While working in Photoshop, you may want to resize your file to send to a teacher or client for review. Photoshop's "Save for Web"" allows you to send a smaller image without affecting your original.
Save Photoshop Files
Keep the large layered .psd file to hand in and rework if needed.
ie: YourNameProject.psd
In the same folder save your jpgs
Prepping Images for Web Step by Step Tutorial in Photoshop
Prepping Images for Web Step by Step Tutorial in PhotoPea
Saving Small Images as jpegs for Accessibility
Saving Small Images as jpegs for Accessibility
Photoshop instructions:
Photoshop instructions:
(Photoshop is available for free without you having a subscription in COM 236 and in the Library on the 2nd Floor in the Digital Resource Center)
Photopea is a free software on the internet and has the same steps. Go to Photopea.
Export> Save for Web (legacy) from Photoshop:
Step one: shortcut =
Command Option Shift S on a mac
or
Control Option Shift S on a PC
Then make sure the image is being saved as a JPEG High 60 quality is good
with optimized checked
with converted to RGB checked
Image size within 1920 x1080 or smaller
then save
Save your file with intentional naming practices: ProjectTitleYourNameOtherKeyWord.jpg
No spaces in the names, no - or . (no dash or period as these will interfere with interactive processes)
Resize for Web
Resize for Web
1. In Photoshop: Go to File > Export >Save for Web (Legacy)
Choose .jpg with 60 quality.
In the Image Size section, set the size to be a maximum of 600 pixels in any direction.
3. Choose the "2-Up" view to see the original and the jpeg next to each other to compare quality.
Check the edges and gradients for banding. If necessary, up the numbers. The goal is to keep the file as small as possible for fast uploads while still preserving image quality.
4. Choose save, and save the file where you want.
Add -small to the name to keep yourself from getting confused
5. Now you can email this beautifully small jpeg.
This is the way I send images to clients by email for review, or to add them to presenations such as google slides.
When saving images for the web, keeping the size 1000X1000 is best because it keeps the file small, easy to open, and easy to attach to emails and shared drives. Saving images for web as pngs or as 4000 or 5000 pixels large just takes up too much space and too much time to upload and download. You are at risk of the client or audience not having fast enough internet to load the image.
Page updated
Google Sites
Report abuse