you know how on some websites there's a big image and it's actually cut up into smaller square images and they usually are linked to different things?

Message Bookmarked

Bookmark Removed

how you do that

― s1ocki (slutsky), Tuesday, 22 February 2005 18:59 (twenty years ago)

like on porn sites?

― j blount (papa la bas), Tuesday, 22 February 2005 19:02 (twenty years ago)

algorithms

― Who did release magic family out from the base of $499 (deangulberry), Tuesday, 22 February 2005 19:02 (twenty years ago)

just don't put any spaces between yr jpgs?

― jel -- (jel), Tuesday, 22 February 2005 19:02 (twenty years ago)

macromedia fireworks is a good tool for doing this

― Ed (dali), Tuesday, 22 February 2005 19:03 (twenty years ago)

Why don't people have web counters anymore?

― jel -- (jel), Tuesday, 22 February 2005 19:03 (twenty years ago)

is it easy to slice & dice images in fireworks?

― s1ocki (slutsky), Tuesday, 22 February 2005 19:03 (twenty years ago)

isn't this just an imagemap? in which case cutemap is good, http://downloads.theregister.co.uk/Windows/WebDev/Image-Mappers/cutemap.html

― Gravel Puzzleworth (Gregory Henry), Tuesday, 22 February 2005 19:05 (twenty years ago)

it's not an imagemap! but i figured out how to do it, thanks ed. it's easy. and it's actually called "slicing"!

― s1ocki (slutsky), Tuesday, 22 February 2005 19:08 (twenty years ago)

yeh, it's a basic photoshop function. PS will even convert it to html.

― Fish fingers all in a line (kenan), Tuesday, 22 February 2005 19:50 (twenty years ago)

haha i didn't know you could do this in Photoshop now. i stoppped slicing up in Fireworks because of all the crap Macromedia tacked onto the tables.

― Sven Bastard (blueski), Tuesday, 22 February 2005 19:52 (twenty years ago)

Basically, it's a deterrent for people to download the image unless the user has a lot of time on his/her hands, willing to resplice the image.

The downside to people who implement that is: on a slow connection, the picture forms like a Jeopardy game show board... without the cool bloopy sounds... which isn't really a downside as much as just saying "yeah, we spliced this pic."

― donut debonair (donut), Tuesday, 22 February 2005 19:54 (twenty years ago)

the thing is.. it wouldn't be hard to write a program to unsplice.. all you need to provide is the grid dimensions and the slice pixel dimensions... if they are uniformally sliced to begin with, that is.

― donut debonair (donut), Tuesday, 22 February 2005 19:55 (twenty years ago)

You don't even need to splice anymore, you can use CSS to pseudosplice.

― Casuistry (Chris P), Tuesday, 22 February 2005 19:56 (twenty years ago)

I was going to say something about using CSS, but thought it might sound snarky. I don't think slocki is looking to learn CSS like, right now.

― Fish fingers all in a line (kenan), Tuesday, 22 February 2005 20:01 (twenty years ago)

I also almost said "PS will even convert it to really sloppy html."

― Fish fingers all in a line (kenan), Tuesday, 22 February 2005 20:02 (twenty years ago)

Google Maps takes this shit to levels unheard of.

― TOMBOT, Tuesday, 22 February 2005 20:02 (twenty years ago)

And still I am in awe of it. I don't mind one bit if a web app uses every trick in the book to hack my browser, as long as it works. It just bugs me when it's not necessary.

― Fish fingers all in a line (kenan), Tuesday, 22 February 2005 20:04 (twenty years ago)

haha kenan that's right, css is this whole other ball game, i'm still trying to grapple with html!!

so i can actually do this in photoshop proper? does PS7 have this capability or would i need cs?

― s1ocki (slutsky), Tuesday, 22 February 2005 20:10 (twenty years ago)

No, no, you got it. Use the slice tool. Looks like an exacto blade. And then you "save for web," IIRC, and it saves all the slices as separate images and outputs an html file that will put them all together again.

― Fish fingers all in a line (kenan), Tuesday, 22 February 2005 20:20 (twenty years ago)

ES ancient method: You can do it with the marquee tool, and cut and paste.

Only thing to watch out for is, if you're saving all the bits as gifs, they all need to use the same "palette". To create a palette that will work for all the bits, take the original, entire image, save as a gif, make sure you like the way it looks, and when that big gif is open, choose "Image --> Mode --> Color Table" and choose "Save..." Now, you can get rid of the big gif you just created cause it's served its purpose - as the basis for a color table. Open back up the original, ungiffed, unsliced, photoshop doc and start cutting the bits out and saving them as individual files. Each time you save as a gif, load the color table you just saved. This is probably a hilarious technique for many of you but I like it.

― Tracer Hand (tracerhand), Tuesday, 22 February 2005 20:21 (twenty years ago)

You must be logged in to post. Please either login here, or if you are not registered, you may register here.