60 likes | 196 Vues
Learn essential image slicing techniques in Photoshop to streamline your web projects. Discover how to use the Slice tool to divide images into manageable slices and the Slice Select tool for easy renaming and resizing. Follow practical tips such as minimizing slices, utilizing background images, and zooming in for precision. Understand best practices for naming images with SEO considerations and the importance of choosing the right file formats like GIF and JPG. Don’t forget to save your sliced images as PSD for future reference.
E N D
Slicing Tools • Slice tool cuts the image into individual slices • Slice select tool selects the slices in order to rename/resize them individually Double click on a slice to bring up the slice options. Select image/no image and rename.
Slicing Tips • Slice as few images as possible (use background images and text) • Zoom in to slice as close to the image as possible • Set unused slices to no image • Do not overlap slices unless necessary
Naming Images • Name images in lowercase • Separate words by _ or – do not use spaces • Use common sense • Have SEO In mind • Use individual names
Saving Images • When possible use .gif over .jpg (overall load time is quicker when image sizes are smaller) • When saving as a .jpg use lowest compression possible without losing quality of the image • Click on save for web and choose .gif or .jpg from the drop down. Stay one folder above the images folder • Always save the sliced image as a .psd for future reference