Slicing

from Wikipedia, the free encyclopedia

Slicing or slicing (from the English slice for "disc" and to slice in the meaning of "cut into slices", "split up") is a process in screen design and especially in web design . A picture is divided into several smaller ones. These partial images are then placed next to one another without gaps in the markup so that the finished construction looks like the entire image again. The website does not show one large graphic, but several smaller partial graphics that together look like one larger graphic.

A main reason for dividing large images into segments was that it made individual web pages load faster in the browser.

background

The technique of slicing graphics was probably first used in the mid-1990s, when the layout of the website was mainly created with HTML tables . In the early days, the image files had to be split up with the masking or clipping tool of the EBV software; It was not until 1998 that image processing programs such as ImageReady or Fireworks included specially developed slicing tools that took care of dividing the images and porting them to HTML code.

An image processing program such as Fireworks , Corel Photo-Paint , Photoshop or GIMP is required for slicing .

application

The graphic designer creates the look of the website with an image editing program. Since all graphic areas have to be flexible enough to be integrated later into individual layout fragments of the website, they have to be cut to the size of the HTML element. A button that the designer created as part of the layout must now be cut to size using the slicing method so that the web designer can later specify this graphic as the background for the button.