我的問題是,當開發任何網站,我使用許多圖像停止,下一步,返回,prev做一些東西,我把它們放在不同的文件夾,並單獨訪問它們。但是,當我看到其他網站,並嘗試獲取圖像,如回覆,發佈,搜索,以便我可以將它們用於我的網站或使用顏色組合的方式,他們有使用。我看到的是,我在一個PNG圖像中獲得了許多圖像。我想問的是,將所有圖像放在一個PNG圖像中,並從那裏訪問一張圖像時,他們如何從這些圖像訪問特定圖像。如果任何人可以提供一些代碼,那麼這將是非常好的,也是優點和缺點。 在此先感謝。從一個PNG文件中的許多圖像選擇圖像
0
A
回答
0
我想你指的是什麼精靈。 Sprite是一個.png圖像中的小圖標的集合。這樣做的好處是提高了網站加載的速度,這些小圖標被分組在一起,這導致一個小的PNG圖像與這些imgs單獨存儲的每個圖像進行比較。
然後通過背景位置訪問精靈中的圖像。
最好的例如 http://www.spritecow.com
0
相關問題
- 1. 從圖庫中選擇多個圖像
- 2. 從圖庫中選擇多個圖像
- 3. 從.plist文件中提取.png圖像
- 4. 多個圖像選擇
- 5. 從圖像中選擇圖像部分?
- 6. 從圖像組中選擇圖像
- 7. 軌從圖像列表中選擇一個圖像
- 8. 從一個項目的5個圖像中選擇一個圖像
- 9. PopOut一箇中間圖像在UIScrollView中包含許多圖像
- 10. 如何用KineticJS將另一個PNG圖像掩蓋PNG圖像?
- 11. 如何從一個base64 PNG圖像
- 12. 從管道讀取一個PNG圖像
- 13. PHP:如何從另一個PNG圖像創建圖像
- 14. 多個圖像不在iPhone中選擇
- 15. 錯誤從許多圖像
- 16. 打開多個圖像文件通過文件選擇
- 17. png圖像到python中的一個pdf
- 18. 大圖像與許多圖標或一個圖像一個圖標?
- 19. 如何輸入類型的文件允許從多個目錄中選擇多個圖像和預覽所有選定的圖像
- 20. iOS多重圖像選擇
- 21. 如何選擇圖像選擇器的多個圖像,然後返回圖像視圖? (2-5)
- 22. 從圖像網格中選擇一個圖標
- 23. jQuery:選擇鏈接到圖像文件的圖像
- 24. 選擇多個圖像並使用PHP上傳圖像
- 25. 離子圖像作物,同時從圖庫中選擇圖像
- 26. 從多圖像(動畫)GIF文件顯示單個圖像
- 27. 多個圖像文件
- 28. 使用.NET將兩個PNG圖像組合成一個圖像
- 29. 如何分別選擇多個圖像?
- 30. 存儲在一個圖像文件中的多個圖標
嗨,感謝您的快速回復......並且我瞭解它是什麼,但是......我如何在我的網站中使用Sprite的東西...... plz幫我解決這個問題....必須使用代碼或者是否有像這樣的現成的東西.... – kedar 2014-10-29 11:43:14
你必須在Photoshop中創建精靈。它可以是任何寬度和高度,並且背景必須是透明的,根本沒有背景。之後,拖動此PSD上的圖標/圖像並以適當的方式放置它們,在這些圖像之間留出適當的空間。完成後,將其保存爲png。 http://css-tricks.com/css-sprites/ 向下滾動到最後,你可以看到精靈的例子。 加載spritecow.com中的精靈,你將能夠獲得他們每個人的BG位置,複製並粘貼到你的CSS代碼。 – 2014-10-29 11:57:51