Create Your Sprites Image for Responsive Sprites Framework

STEP 1:  upload images

Drag and Drop Your Images HERE or Click to Upload Manually

0%

STEP 2:  edit images

*** Note that images names will be part of class names of your sprites.
Try to keep them as simple as possible and avoid duplicating names.

STEP 3:  configure sprites

Choose Your Sprites image type:  IMPORTANT!







Choose padding between images:



Choose background color for sprites image (effective only if JPG - ignored if PNG):


STEP 4:  framework data

Choose your sprites image name:


 *** If you are going to have more than one RSF on the same page you should consider naming!
.png / .jpg

Choose your folder path (relative to your project file/index/root):



Choose your sprites class initiation name: <i class="sprites-imgname"></i>


 *** If you are going to have more than one RSF on the same page you should consider naming!

LAST STEP:  create sprites