Skip to main content
Jhon Carlo
Inspiring
December 29, 2017
Answered

Resize a sliced photoshop image inside and html file.

  • December 29, 2017
  • 1 reply
  • 1095 views

With photoshop I've created an image, and then, from this image, I have make a lot of sliced (for buttons) obtained with grid and save for web.

I put  this sliced images (saved for web) through html inside of an another html wich have a lot of other function, but the image/s is/are too large.

Is there a way (a fast way) to resized the whole photoshop image/s now  formed by a lot of sliced images and html language?

Thank you.

    This topic has been closed for replies.
    Correct answer Nancy OShea

    Thank you Nancy,

    I'm looking at the script of you hint.

    I've try somethig,  maybe I need to see more, but:

    It is possible to have the button side by side on the same line?

    It is possible to set a button down?

    Thank you.


    https://forums.adobe.com/people/Jhon+Carlo  wrote

    It is possible to have the button side by side on the same line?

    Yes.  Maybe this Sprite Sheet script will help you.

    Create HTML5 Animation Sprite Sheet in Photoshop { William Malone }

    1 reply

    Nancy OShea
    Community Expert
    Community Expert
    December 29, 2017

    We don't use image slices anymore.    They only work with tables and cells that are exactly the same height & width as the images inside them.  For this reason, image slices are totally impractical for responsive layouts.

    If you care to post a screenshot of the complete image, we might be able to offer you some other techniques you could use.   In most cases you want to use whole images. 

    Nancy

    Nancy O'Shea— Product User & Community Expert
    Jhon Carlo
    Inspiring
    December 29, 2017

    Thank you Nancy,

    It is something like this:

    (They are all buttons)

    Nancy OShea
    Community Expert
    Community Expert
    December 29, 2017

    That looks like an App.  In that case, we use an image Sprite & CSS.

    Implementing image sprites in CSS - CSS | MDN

    Basic tutorial.

    CSS Button Sprite - https://alt-web.com/

    Nancy O'Shea— Product User & Community Expert