爲iOS上的本機開發優化圖像非常簡單直接,只需使用不同設備和分辨率的圖像目錄,但使用Javascript,優化技術是什麼?最佳做法是以不同分辨率保存一堆相同的圖像,並根據設備尺寸選擇最佳圖像?你如何有效地做到這一點?我正在開發此應用程序以便在iOS和Android上發佈,因此我應該如何優化我的圖像,以便在保持小應用程序大小和最佳性能的同時保持最佳質量?優化Phonegap應用程序的圖像
0
A
回答
2
我不是Phonegap專家,但AFAIK使用HTML作爲接口。在這種情況下,我想你會尋找<picture>
,特別是子標籤<source>
及其srcset
和media
屬性。
在MDN詳見:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture
0
如果這些圖像是像圖標或其它載體類型圖像,然後使用可擴展的SVG。
如果他們是PNG或JPG,那麼使圖像很大,如1000px,但壓縮50%。它們在大尺寸時看起來很好,在小尺寸時也很棒。
此外,如果用戶必須向下滾動才能看到大量圖片,請整合圖片的延遲加載。使用延遲加載時,只有當它們進入視圖時才加載。
相關問題
- 1. sencha中的內存優化 - phonegap應用程序
- 2. 關於圖像的Android應用程序優化
- 3. laravel應用程序中的圖像優化
- 4. 優化vba - 應用程序。
- 5. Angular2應用程序優化
- 6. Android - 通過圖像壓縮優化應用程序性能
- 7. 圖像優化
- 8. 優化我的遊戲應用程序
- 9. Android應用程序的優化
- 10. 捏放大JQM/Phonegap應用程序中的圖像
- 11. Symfony的 - 響應圖像 - 速度,優化
- 12. 用jQuery優化圖像動畫以優化iPad優化
- 13. Android的Phonegap應用程序
- 14. 使用GraphicsMagick優化圖像
- 15. 更新phonegap應用程序時圖像消失
- 16. 無法在PhoneGap上顯示Data-URI圖像Android應用程序
- 17. 如何在phoneGap應用程序中顯示.psd圖像?
- 18. 無法顯示圖像[?] - 原生應用程序(PhoneGap)到Xcode
- 19. PhoneGap應用程序不會一直顯示圖像
- 20. Phonegap-ipad應用程序 - 調整根據方向啓動圖像
- 21. Slider:圖像優化
- 22. PHP圖像優化
- 23. 在Android NDK上優化應用程序
- 24. .Net應用程序性能優化器
- 25. C#Web應用程序優化:PerformWaitCallback
- 26. 在Android應用程序中優化HTML5
- 27. PoweSavingMode Vs應用程序優化
- 28. 如何優化JSF應用程序
- 29. android-位置應用程序優化
- 30. 如何優化HTML5 + processing.js應用程序?
謝謝!我發現了另一個有用的鏈接http://webdesign.tutsplus.com/tutorials/quick-tip-how-to-use-html5-picture-for-responsive-images--cms-21015。當然,唯一的問題是,這在一些瀏覽器上還不支持,包括Safari – CountingStacks
你可以嘗試使用像https://github.com/scottjehl/picturefill這樣的polyfill – Jack