|
"nitrogoat.co.uk"
Regular
on 21/09/2008 at 6:52:25PM
Total Posts: 76 |
Slicing Images
When we are building layouts it is essential to keep the visitor in mind. As well as making the layout attractive and easy to navigate we must ensure that the layout images load quickly enough to keep the visitor on the page and not leave in fustration. Open up Adobe Imageready-
* Load your image in it's exported format such as .jpg and .gif
* Select Slices from the menu bar at the top
* Choose the number of slices you would like the image to be divided into Horizontally
* Choose the number of slices you would like the image to be divided into Vertically
* I would recommend using more Horizontal slices and only a couple of Vertical slices.
* File > Save Optimised As > Save as type- Html and images
* Open the HTML file in a text-editor such as Notepad
* Copy the Table coding within the page and paste it into source of your website
* Copy the "Images" folder and paste this into the same folder as your webpage
|
|
|
|
|
|
Delicious Digg Reddit Facebook StumbleUpon
|
|
2002- just a number?
"Was the man of marz"
Regular
on 24/09/2008 at 9:10:06PM
Total Posts: 262
|
|
:. nitro_goat .: wrote:
> CSS doesn't affect image slicing whatsoever. Slicing can
> dramatically reduce the time taken for the image to load and the
> table which holds the separate image slices can then be
> positioned with CSS if need be!
I thought you on about something else. As for decreasing loading time, I agree with Garin, plus it does look a little cheap when images load in stages like you're back on dial-up (although I know some people still are).
|
|
|
|
Garin
"Devil in disguise"
Regular
on 23/09/2008 at 2:27:50PM
Total Posts: 1743
|
|
Digitrader wrote:
> this sounds so complicated - why the need to slice an image?
Simply there isnt any need. Even if slicing an image up gives you smaller file sizes in the end (and this is by no means certain), you're still introducing overheads with more html and more concurrent server requests.
|
|
|
|
Digitrader
"rodeado de tontos"
Moderator
on 23/09/2008 at 9:28:18AM
Total Posts: 810
|
|
this sounds so complicated - why the need to slice an image? we simply use photoshop and save image for web and keep the file size to below 5okb or less - then you just insert the image from your fav html editor
Digi
|
|
|
|
:. nitro_goat .:
"nitrogoat.co.uk"
Regular
on 22/09/2008 at 9:23:25PM
Total Posts: 76
|
|
CSS doesn't affect image slicing whatsoever. Slicing can dramatically reduce the time taken for the image to load and the table which holds the separate image slices can then be positioned with CSS if need be!
|
|
|
|
2002- just a number?
"Was the man of marz"
Regular
on 21/09/2008 at 10:45:44PM
Total Posts: 262
|
|
I like this method (a lot), but doesn’t CSS sort of make it redundant?
|
|
|
|
:. nitro_goat .:
"nitrogoat.co.uk"
Regular
on 21/09/2008 at 6:52:25PM
Total Posts: 76
|
|
Slicing Images
When we are building layouts it is essential to keep the visitor in mind. As well as making the layout attractive and easy to navigate we must ensure that the layout images load quickly enough to keep the visitor on the page and not leave in fustration. Open up Adobe Imageready-
* Load your image in it's exported format such as .jpg and .gif
* Select Slices from the menu bar at the top
* Choose the number of slices you would like the image to be divided into Horizontally
* Choose the number of slices you would like the image to be divided into Vertically
* I would recommend using more Horizontal slices and only a couple of Vertical slices.
* File > Save Optimised As > Save as type- Html and images
* Open the HTML file in a text-editor such as Notepad
* Copy the Table coding within the page and paste it into source of your website
* Copy the "Images" folder and paste this into the same folder as your webpage
|
|
|
|
|
 |
|
