मुफ़्त CSS स्प्राइट जनरेटर

कई छवियों को एक ही स्प्राइट शीट में संयोजित करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में काम करता है, बिना साइन-अप के।

अपडेट किया गया

Share:
Home/Image Tools/Image Sprite Generator

Image Sprite Generator

Combine multiple images into a single sprite sheet with CSS, SCSS, LESS output, retina support, and JSON manifest.

Settings

Images (0)

Click to upload or drag and drop images

PNG, JPG, WebP, GIF supported -- batch upload supported

About Image Sprite Generator

Combine multiple images into a single sprite sheet to reduce HTTP requests and improve web page loading performance. Get CSS, SCSS, or LESS code ready to use, plus JSON manifests for game engines.

Benefits of Sprites:
  • Fewer HTTP requests (faster page loads)
  • Better caching (single file to cache)
  • Reduced bandwidth (less overhead)
  • Smoother hover effects (no image flicker)
Layout Options:
  • Horizontal: Images side by side
  • Vertical: Images stacked vertically
  • Grid: Fixed columns, uniform cells
  • Packed: Bin packing for smallest size
Features:
  • Retina @2x and @3x support
  • CSS, SCSS mixins, and LESS variables
  • JSON sprite manifest for game engines
  • Custom sprite naming and batch upload
  • Save and restore configurations

Usage: Upload your images, choose a layout and options, then click Generate. Click any sprite in the list to see its CSS position. Download the sprite sheet and code files together, or copy individual snippets.

अक्सर पूछे जाने वाले प्रश्न

स्प्राइट जेनरेटर क्या है?

स्प्राइट जेनरेटर एक मुफ़्त ऑनलाइन टूल है जो वेब अनुकूलन के लिए कई इमेज को एक ही स्प्राइट शीट में संबंधित CSS कोड के साथ जोड़ता है।

क्या स्प्राइट जेनरेटर मुफ़्त है?

हाँ, यह पूरी तरह से मुफ़्त है और इसके लिए किसी रजिस्ट्रेशन की ज़रूरत नहीं है। सारी स्प्राइट जेनरेशन आपके ब्राउज़र में क्लाइंट-साइड पर होती है।

CSS स्प्राइट का उपयोग क्यों करें?

CSS स्प्राइट कई इमेज को एक फ़ाइल में जोड़कर HTTP अनुरोधों को कम करते हैं, जिससे पेज लोड स्पीड और वेबसाइट का समग्र प्रदर्शन बेहतर होता है।

क्या इस टूल के साथ मेरा डेटा सुरक्षित है?

बिल्कुल। CSS स्प्राइट जेनरेटर सब कुछ आपके ब्राउज़र में क्लाइंट-साइड पर प्रोसेस करता है। कोई भी डेटा किसी सर्वर पर अपलोड या संग्रहीत नहीं किया जाता। आपकी सामग्री हर समय आपके डिवाइस पर निजी रहती है।

क्या CSS स्प्राइट जेनरेटर मोबाइल डिवाइस पर काम करता है?

हाँ, CSS स्प्राइट जेनरेटर पूरी तरह से रिस्पॉन्सिव है और स्मार्टफ़ोन तथा टैबलेट पर काम करता है। आप इसे आधुनिक वेब ब्राउज़र वाले किसी भी डिवाइस पर उपयोग कर सकते हैं, किसी ऐप डाउनलोड की ज़रूरत नहीं।

क्या इस टूल का उपयोग करने के लिए मुझे खाता बनाना होगा?

किसी खाते या रजिस्ट्रेशन की ज़रूरत नहीं है। बस अपने ब्राउज़र में CSS स्प्राइट जेनरेटर खोलें और तुरंत इसका उपयोग शुरू करें। कोई साइन-अप बाधा या उपयोग प्रतिबंध नहीं है।

कौन-कौन से इमेज फ़ॉर्मैट समर्थित हैं?

CSS स्प्राइट जेनरेटर PNG, JPG/JPEG, WebP और GIF सहित सामान्य इमेज फ़ॉर्मैट का समर्थन करता है। विशिष्ट टूल के आधार पर कुछ सुविधाएँ SVG और BMP का भी समर्थन कर सकती हैं।

मैं CSS स्प्राइट जेनरेटर का उपयोग कैसे करूँ?

बस दिए गए फ़ील्ड में अपना इनपुट दर्ज करें, अपनी पसंद के अनुसार कोई भी सेटिंग समायोजित करें, और टूल इसे तुरंत प्रोसेस कर देगा। फिर आप परिणाम को अपने क्लिपबोर्ड पर कॉपी कर सकते हैं या डाउनलोड कर सकते हैं।

कौन-कौन से ब्राउज़र समर्थित हैं?

CSS स्प्राइट जेनरेटर Chrome, Firefox, Safari, Edge और Opera सहित सभी आधुनिक ब्राउज़रों में काम करता है। सर्वोत्तम अनुभव के लिए अपने पसंदीदा ब्राउज़र के नवीनतम संस्करण का उपयोग करें।

संबंधित टूल

मुफ़्त ऑनलाइन इमेज रिसाइज़र

छवियों का आकार किसी भी आयाम में बदलें। आस्पेक्ट रेशियो बनाए रखें या कस्टम आकार सेट करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।

मुफ़्त ऑनलाइन इमेज कंप्रेसर

गुणवत्ता खोए बिना फ़ाइल का आकार कम करने के लिए छवियों को कंप्रेस करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।

मुफ़्त ऑनलाइन इमेज क्रॉपर

विज़ुअल एडिटर से छवियों को किसी भी आकार या आस्पेक्ट रेशियो में क्रॉप करें। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।

मुफ़्त Favicon जनरेटर

एक ही छवि से सभी आकारों में favicon बनाएं। मुफ़्त, तेज़ और पूरी तरह आपके ब्राउज़र में, बिना साइन-अप के।

मुफ़्त CSS स्प्राइट जनरेटर के बारे में

मुफ़्त CSS स्प्राइट जनरेटर हमारे इमेज टूल संग्रह का एक मुफ़्त, ब्राउज़र-आधारित टूल है। सब कुछ आपके डिवाइस पर स्थानीय रूप से चलता है — कोई अपलोड नहीं, कोई साइन-अप नहीं, और आपका डेटा निजी रहता है।

sprite generatorsprite sheetcss spritesimage spritesfree css sprite generatoronline css sprite generatorcss sprite generator online freebest css sprite generatorimage toolphoto editor online