Warto przed dzieleniem, dobrze przemyśleć, w jaki sposób będą przebiegały cięcia, aby później nie pojawiły się kłopoty przy wstawianiu grafiki. Nasze zdjęcie będziemy wstawiać do tabeli o kolumnach szerokości (piksele, licząc od lewej): 78, 160, 262, oraz o wierszach wysokich na: 109 i 255. Oczywiście drugi kawałek grafiki będzie rozpięty na dwóch kolumnach i będzie miał wymiary 109x422 pikseli.

Przystępujemy do dzielenia. Użyjemy do tego narzędzia KADRUJ . Gdy klikniemy na jego symbol, na górnym pasku pojawią nam się dwa pola: szerokość i wysokość. Pola te są przydatne, gdy chcemy podzielić grafikę co do piksela. Zaczniemy od wydzielenia elementów 1 oraz 2 więc w pola wymiarów kadrowania wpisujemy 500 piks szerokości i 109 piks wysokości. Następnie zaznaczamy obszar od lewego górnego rogu obrazka i przeciągamy narzędzie w kierunku przeciwległego rogu. Narzędzie samo dopasuje się do żądanych wymiarów i podświetli ów obszar. 

Następnie klikamy prawym przyciskiem myszy na obrazku i z wyświetlonego menu wybieramy kadruj. Narzędzie usunie nie potrzebne nam części grafiki. 

Gdy mamy wydzielony górny rząd przystępujemy do wykadrowania elementów 1 i 2. W tym celu jako szerokość narzędzia wpisujemy 78 piks i zaznaczamy obszar od lewego górnego rogu i kadrujemy. Otrzymamy element nr 1.

Z menu Plik wybieramy Zapisz dla Weba lub naciskamy kombinację klawiszy Alt+Shift+Ctrl+S i zapisujemy pod nazwą 1. jpg. Aby wykadrować element nr 2 musimy wrócić do wykadrowanego górnego rzędu, więc wybieramy z menu Edycja i Do tyłu. Możemy to zrobić bez obaw, gdyż jeżeli zapisaliśmy obrazek nr 1, możemy bez problemu cofać zmiany bez straty wcześniej zapisanego obrazu. Kadrujemy element 2. Jako wymiary do kadrowania wpisujemy 109 piks wysokości i 422 piks szerokości. Zaznaczamy obszar od PRAWEGO górnego rogu i kadrujemy. Zapisujemy dla weba jako 2.jpg. Mamy drugi kawałek grafiki.

Musimy teraz zająć się dolnym rzędem, czyli elementami 3, 4 oraz 5. W tym celu cofamy tak długo, aż wrócimy do całego obrazka, lub po prostu otwieramy cały obraz na nowo. 
Jako wymiary do kadrowania wpisujemy szerokość całego obrazka czyli 500 piks, i wysokość dolnego rzędu czyli 255 piks. Zaznaczamy narzędziem kadruj obszar od lewego dolnego rogu, aż uzyskamy żądane zaznaczenie. Kadrujemy, i otrzymujemy dolny rząd.

Z uzyskanego elementu musimy wykadrować trzy kawałki grafiki. Zaczniemy od kawałka nr 3 (wzorując się na podziale na ustalonym na początku kursu). Jako wymiary do kadrowania wpisujemy 78 piks szerokości i 255 piks wysokości. Zaznaczamy obszar od lewego dolnego rogu, kadrujemy i zapisujemy uzyskany kawałek nr 3.

Aby uzyskać pozostałe dwa elementy musimy z dolnego rzędu wykadrować najpierw kawałek z połączonych dwóch ostatnich elementów. Wymiary do kadrowania to 422 piks szerokości. Wysokość pozostawiamy bez zmian. Zaznaczamy obszar od prawego dolnego rogu, i kadrujemy. Powinniśmy uzyskać kawałek składający się z elementów 4 i 5. 

Z otrzymanego elementu kadrujemy kawałki nr 4 i 5, których szerokości to odpowiednio 160 piks i 262 piks. Wszystkie pięć elementów powinniśmy mieć oczywiście zapisane dla weba. Jeżeli wszystkie elementy wycięliśmy poprawnie, nie będziemy mieli problemów ze wstawieniem ich na naszą stronę.