Skip to content
Health Science Medium #gas-exchange#alveolus#diffusion

Alveolar Gas Exchange

O2 diffuses in, CO2 out across the 0.5 micron alveolar-capillary membrane in under a second.

A free, animated alveolar gas exchange you can read here or embed on any website, from Scrollchart.

Alveolar Gas Exchange

Alveolar Gas ExchangeO2 and CO2 cross a 0.5 µm membrane in under one second, driven by partial-pressure gradientsAlveolus (Air Space)PO2 = 104 mmHgPCO2 = 40 mmHgPulmonary Capillary (Deoxygenated blood entering)PO2 = 40 mmHg | PCO2 = 45 mmHgSurfactant (type II pneumocyte)Alveolar epithelium (type I, 0.1 µm)Fused basement membranes (0.1 µm)Capillary endothelium (0.1 µm)0.5 µmtotalO2 diffuses inCO2 diffuses outEmphysema destroys surface area; fibrosis thickens membrane: both impair diffusion

Alveolus and pulmonary capillary in cross-section. O2 partial-pressure gradient drives diffusion in (104 -> 40 mmHg); CO2 gradient drives diffusion out (45 -> 40 mmHg). Membrane components: surfactant, alveolar epithelium, basement membranes, capillary endothelium.

Good for

  • Pulmonary-physiology lectures explaining Fick's law applied to the lung
  • COPD and emphysema patient education on why surface-area loss causes breathlessness
  • Altitude-physiology articles explaining why hypoxia worsens with thinner air

Source & accuracy

This alveolar gas exchange is an editorial illustration built to represent the concept accurately. Where it shows figures, they are typical or representative values chosen to make the relationship clear, not a single underlying dataset. The diagram and its explainer are reviewed and maintained centrally, and updated over time as understanding improves.

Where blood meets air

Gas exchange happens across the alveolar-capillary membrane, an extraordinarily thin barrier roughly half a micron thick where the air inside an alveolus is separated from blood in a capillary by little more than two flattened cell layers and their shared basement membrane. Oxygen diffuses from the higher concentration in the alveolus into the blood, while carbon dioxide moves the other way, each following its own pressure gradient.

The lungs hold hundreds of millions of alveoli, giving a combined surface area large enough to make this passive diffusion fast and efficient.

Why thinness and surface area matter

Diffusion is quicker across short distances and larger areas, so the membrane's thinness and the huge alveolar surface are what let a red blood cell pick up nearly a full load of oxygen during its brief passage past an alveolus. Diseases that thicken the membrane, flood the air spaces, or destroy alveolar surface impair this exchange and reduce oxygen uptake.

This is general educational information, not medical advice. Breathing difficulty or low oxygen symptoms should be evaluated by a qualified clinician.

Embed this diagram

Add this animated alveolar gas exchange to your own site. Copy one line of HTML, or use the embed builder for theme and sizing options.

Reference

What this is
A free, embeddable, animated alveolar gas exchange for any website.
Who uses it
Medical educators, Biology educators, Patient-info sites, Health blogs.
How to embed
Copy one line of HTML. No signup. No watermark. Works in WordPress, Webflow, Ghost, Substack, plain HTML.
File size
iframe embed, ~80 KB gzipped (loads on demand, does not block your page paint).
License
Free forever. Editorial explainer text included; updated centrally over time.

Embed format options

Copy the universal HTML snippet, the WordPress shortcode, or an iframe fallback - see the WordPress plugin page for details. Any format keeps the same Core Web Vitals profile and the same explainer text.

Embed snippet
<div data-scrollchart="gas-exchange-alveolus" data-scrollchart-v="1"></div>
<script src="https://scrollchart.com/embed.js" async></script>

Frequently asked questions

Where can I get a free animated "Alveolar Gas Exchange" for my website?
Scrollchart provides "Alveolar Gas Exchange" as a free, embeddable animated diagram you can add to any website with one line of HTML. No signup is required and there is no watermark. The diagram and its explainer text are served from scrollchart.com, so the embed stays current without any maintenance on your end.
How do I embed a alveolar gas exchange diagram in a health or wellness blog?
Copy the HTML snippet from the Scrollchart diagram page and paste it into any post or page in your CMS. It works in WordPress, Webflow, Ghost, Substack, and plain HTML without any plugin or account. The diagram renders as animated SVG directly in your page, so search engines can index the accompanying explainer text.