Image EditingLesson 212Free preview
Image Splitter
This lesson is part of Web Developer Tools · All levels
Summary
Image splitters divide one image into several parts according to the number of rows and columns. Each section can be saved as a separate file, for example for Instagram grids, CSS sprites, or print needs. For even division, the dimensions of the image should be divisible by the number of rows and columns.
Key points
- The number of tiles is determined by the column-fold line
- An infinite dimension divided by an uneven piece
- The file names in sequence make it easy to rearrange
- Sprite sheet uses several tiles in one image file
- Check the connections between the tiles to make sure no parts are cut.
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.