Takaisin Kotiin
Sprite-arkin generaattori – CSS-spritet ja tekstuuriatlas
Pakkaa useita kuvia yhdelle sprite-arkille ja saat tarkat CSS-taustasijainnit sekä TexturePacker-tyylisen JSON-kartan. Ihanteellinen CSS-spriteille, verkkokuvakkeille ja pelianimaatiokehyksille. Järjestele uudelleen, aseta sarakkeet ja täyte, ja lataa sitten arkki koordinaatteineen. Ilmainen, yksityinen ja 100 % selaimessasi.
Lataa kuvia pakattavaksi
Hyväksytyt formaatit: JPG, PNG, WEBP, BMP, GIF (ei-animoitu)
Liitä (Ctrl/⌘+V) tai pudota kuva — tai tuo URL-osoitteesta
Yhdistä useita pieniä kuvia yhdeksi spritetauluksi nopeuttaaksesi sivustoasi tai peliäsi. Image Machine pakkaa kuvakkeesi tai kehyksesi yhdeksi kuvaksi selaimessa – ei latausta, ei tiliä – jotta voit tarjoilla ne yhdellä pyynnöllä. Taulukko kootaan laitteellasi, ja resurssisi pysyvät yksityisinä.
Näin se toimii
Valitse työkalu
Valitse 120+ työkalusta, joilla voit muuttaa kuvan kokoa, muuntaa, pakata tai parantaa sitä.
Lataa ja muokkaa
Vedä ja pudota kuvasi ja säädä asetuksia. Se pysyy laitteellasi.
Lataa
Tallenna tuloksesi välittömästi — ei vesileimaa, ei rekisteröitymistä.
Miksi Image Machine?
Tiedostosi eivät koskaan poistu laitteeltasi
Kaikki käsittely tapahtuu paikallisesti selaimessasi. Kuviasi ei koskaan ladata palvelimelle.
Täysin ilmainen
Jokainen työkalu on ilmainen, ilman rajoituksia, ilman vesileimoja ja ilman piilokustannuksia.
Salamannopea
Ei latauksen odottelua — kuvasi käsitellään välittömästi omalla laitteellasi.
Ammattilaatu
Pikselintarkka lopputulos täydellä hallinnalla muodosta, koosta ja laadusta.
Usein kysytyt kysymykset
Mihin sprite sheet -kuvaa käytetään?
Sprite sheet yhdistää monta pientä grafiikkaa — kuvakkeita, painikkeita tai animaatiokehyksiä — yhdeksi kuvaksi. Yhden tiedoston lataaminen kymmenien sijaan vähentää verkkopyyntöjä, mikä nopeuttaa verkkosivuja ja pelejä.
Miten käytän sprite sheet -kuvaa verkkosivustolla?
Näytä yhdistetty kuva ja siirrä sen sijaintia CSS:n background-position-määritteellä näyttääksesi vain tarvitsemasi kuvakkeen. Animaatiomoottorit toimivat samalla tavalla, askeltaen sheetiin pakattujen kehysten läpi.
Menetetäänkö kuvien yhdistämisessä laatua?
Ei — jokainen kuva sijoitetaan sheetiin täydellä resoluutiolla. Vie PNG-muodossa pitääksesi kaiken häviöttömänä ja läpinäkyvyyden säilyttäen, mikä on vakiovalinta kuvakkeille ja käyttöliittymäspriteille.