跳至主要內容
Chrome, Web Dev Libraries, and Guides - Google for Developers
  • Chrome, Web Dev Libraries, and Guides - Google for Developers
Fundamentals Tools
  • Chrome DevTools
  • Lighthouse
  • Puppeteer
  • Workbox
  • Chrome User Experience Report
Shows
/
  • English
  • Deutsch
  • Español
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어
登入
  • Updates
Chrome, Web Dev Libraries, and Guides - Google for Developers
  • Chrome, Web Dev Libraries, and Guides - Google for Developers
  • Fundamentals
  • Tools
    • 更多
  • Shows
  • Home
  • New in Chrome
  • New in Chrome DevTools
  • Designer Vs Developer
    • Podcast
      • Progressive Web Apps and Firebase
      • Using autocomplete to improve user experience
      • Prototyping motion and material design
      • Material Design Components
      • UX research and usability testing
      • How we designed Chrome
      • Designing for offline
      • Designing a VR game in a week
      • Using the Gestalt principles to improve your designs
      • Creative ways of prototyping & scenario based design
      • Getting a headstart in the industry
      • Designing for standards and using Styleable components
      • Designing for CSS Grid, layout and Variable fonts
      • How The Web Can Compete With Native
      • Designing For The Next Billion Users
      • Learn How to Design
      • Improving Your Creative Confidence
      • Designing for Great Performance
      • Becoming A Creative Coder
      • Are Existing Design Tools Fit for Purpose?
      • Who Is Responsible for Design?
      • Are Designers Born or Made?
      • Adopting the Native Language of the Web
      • Balancing Creativity with User Testing
      • Creating A Collaborative Environment
    • Video
  • Totally Tooling Tips
  • A11ycasts with Rob Dodson
  • HTTP203
    • YouTube
    • Podcasts
  • Supercharged
  • Developer Diary with Paul Lewis
  • Summits
    • Chrome Dev Summit
      • 2017
      • 2016
      • 2015
      • 2014
      • 2013
    • Progressive Web App Summit
    • Polymer Dev Summit
      • Polymer Dev Summit 2016
      • Polymer Dev Summit 2015
    • BlinkOn
      • BlinkOn 6
      • BlinkOn 5
      • BlinkOn 4
  • Google I/O
    • 2017
    • 2016
      • Accessibility is My Favorite Part of the Platform
      • AMP + Progressive Web Apps: Start fast, stay engaged
      • Bringing seamless checkouts to the mobile web
      • Building for billions on the web
      • Building the Google I/O Web App: Launching a Progressive Web App on Google.com
      • Deep user engagement with web push notifications
      • DevTools in 2016: Accelerate your workflow
      • Fast and resilient web apps: Tools and techniques
      • Fireside Chat with the Progressive Web Apps Crew
      • Great libraries and tools for great Progressive Web Apps
      • High performance web user interfaces
      • Houdini: Demystifying the Future of CSS
      • How AMP achieves its speed
      • Instant Loading: Building offline-first Progressive Web Apps
      • Mythbusting HTTPS: Squashing security’s urban legends
      • Polymer and Progressive Web Apps: Building on the modern web
      • Practical lessons from a year of building web components
      • Progressive, Performant, Polymer: Pick Three
      • Progressive Web Apps across all frameworks
      • Search and the mobile content ecosystem
      • Service workers at scale with Facebook and Flipkart
      • The 2016 Web Development Workflow
      • The Mobile Web: State of the Union
      • V8, modern JavaScript, and beyond
      • Web Performance Tooling
      • What's next for the web?
      • Who are you, really: Safer and more convenient sign-in on the web
    • 2015
      • Introduction to the Fetch API
      • Installable Web Apps
      • The next generation mobile web
      • Introduction to the Physical Web
      • Polymer and modern web APIs: In production at Google scale
      • Push Notifications on the Open Web to increase engagement
      • Supercharging page load
      • Web Bluetooth
    • 2014
      • Building a NaCl app
      • Building sites for the multi-device web
      • Chrome Apps on Android and iOS
      • Chrome Apps: State of the Union 2014
      • Componentize the Web
      • Dart in Google Cloud
      • Deep dive: Google Cloud Messaging for Chrome
      • Demystifying encodes and decodes of WebM
      • Easy International Checkout with Chrome
      • Fabulous Forms for the multi-device web
      • Faster Loading Images with WebP
      • Getting Your PageSpeed Score Up
      • Low Latency Mobile Web Apps
      • Making Music with the Web Platform
      • Mobile web lessons learned from analyzing websites at scale
      • Optimizing Dart Applications
      • Polymer: Creating responsive UIs
      • Polymer: Interacting with Google Services using nothing but HTML
      • Polymer: making Web Components accessible
      • Responsive images today
      • Silky smooth Web Animations
      • Testing multi-screen web pages
      • The ServiceWorker: The network layer is yours to own
      • Touch in a Web App? No Problem
      • Unleash the power of Kiosk Apps
      • Update on WebM/VP9
      • Using the PageSpeed API
      • Video on mobile
      • Web Performance Testing at YouTube
      • WebP at YouTube
      • What's new in WebView
  • Lazy Web
  • Polycasts
  • Udacity
  • Kranky Geeks WebRTC Web Show
  • Chrome DevTools
  • Lighthouse
  • Puppeteer
  • Workbox
  • Chrome User Experience Report
本頁面由 Cloud Translation API 翻譯而成。
  • 首頁
  • 產品
  • Chrome, Web Dev Libraries, and Guides - Google for Developers
  • Shows

今天使用回應式圖片
透過集合功能整理內容 你可以依據偏好儲存及分類內容。

如果開發人員想要立即使用回應式圖片,可以採取什麼行動?我們會說明圖片的目前狀態 (例如圖片、img src、srcset 等),並提供藝術方向的相關建議。

除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。

上次更新時間:2024-08-09 (世界標準時間)。

  • 主要主題

    • Android 網頁版
    • Chrome 擴充功能說明文件
    • 漸進式網頁應用程式
  • Search Console

    • Search Console 說明中心
    • Search Console 社群
    • WordPress 適用的 Site Kit 外掛程式
  • 工具與程式庫

    • Chrome 開發人員工具
    • Workbox
    • 燈塔
Google Developers
  • Android
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Google AI
  • 所有產品
  • 條款
  • 隱私權
  • Manage cookies
  • 訂閱 Google for Developers 電子報 訂閱
  • English
  • Deutsch
  • Español
  • Español – América Latina
  • Français
  • Indonesia
  • Italiano
  • Polski
  • Português – Brasil
  • Tiếng Việt
  • Türkçe
  • Русский
  • עברית
  • العربيّة
  • فارسی
  • हिंदी
  • বাংলা
  • ภาษาไทย
  • 中文 – 简体
  • 中文 – 繁體
  • 日本語
  • 한국어