Explaination on images

Image Syntax Examples

1. Using Astro Image Component (Optimized)

Example image using Image component

2. Using Astro Picture Component (Format Selection)

Example image using Picture component

4. Using Our Figure Component (Wrapper around the Picture tag)

Kinh ăn năn tội mô tả bởi tranh vẽ Thánh Phêrô thống hối (Guido Reni 1635)
Thánh Phêrô thống hối (Guido Reni 1635)

Image Row

Card Image 1
Card Image 2
Card Image 3

3. Using Markdown Syntax (Simple)

Example image using markdown syntax

Differences Between Image Methods

The Image component provides automatic optimization with responsive sizing and generates multiple widths for different screen sizes. It includes fallback format support and is ideal for performance-critical images.

The Picture component offers even more advanced features by supporting multiple formats (like WebP) with automatic fallback to traditional formats. It automatically generates <picture> elements with <source> tags for modern browsers and provides the best performance across different devices.

The Markdown syntax is the simplest approach but lacks automatic optimization. It directly references the image file without responsive sizing, format conversion, or width generation. Use this method for quick prototyping or when optimization isn’t critical.

A Heading

Common Questions

What services do you offer?
  • Web development and design
  • Mobile app development
  • SEO optimization
  • Content creation
  • Digital marketing
How can I contact support?
You can reach our support team at [email protected] or call us at (555) 123-4567. Our friendly support team
What is your refund policy?
We offer a 30-day money-back guarantee on all our services. Please visit our refund policy page for more details. We offer a 30-day money-back guarantee on all our services. Please visit our internal link for more details and external links.
Do you offer custom solutions?
Custom web development solutions Yes! We specialize in custom solutions tailored to your specific needs.

Image Row

Card Image 1
Card Image 2
Card Image 3

These below can get styled from the formatting I added for the test page its done by wrapping in the prose class above

The greatest glory in living lies not in never falling, but in rising every time we fall.

Nelson Mandela , from somewhere
  • Ngày 02/02/2024, thứ sáu: Lễ dâng Chúa Giêsu trong đền thờ. Lễ kính
  • Ngày 11/02/2024, Chúa Nhật: Mồng hai Tết Nguyên Đán (năm Giáp Thìn). Kính nhớ Tổ Tiên và Ông Bà Cha Mẹ
  • Ngày 10/02/2024, thứ bảy: Mồng một Tết Nguyên Đán (năm Giáp Thìn)
alt tag
Some Caption
Play

This block for ImageGallery with keyword and location

Bàn thờ Công giáo tại Hoa Kỳ

This block for ImageGallery does work without keyword and location

Bàn thờ Công giáo tại Hoa Kỳ

My title here

This block for ImageGallery does work without keyword and location

This block works with keyword and location

This block for single product does work without keyword and location

Bàn thờ Công giáo

Các mẫu bàn thờ Công giáo đẹp do Filumena sáng tác

Bảng giá tượng

Giá tượng Công giáo Filumena thống nhất trên toàn quốc, tại cửa hàng cũng như tại website Filumena. Giá đã bao gồm chi phí vận chuyển tới cửa hàng hoặc chi phí vận chuyển tới địa chỉ của quý vị. Xin quý vị ưu tiên tới xem tượng trưng bày tại các cửa hàng. Bảng giá dưới đây phụ thuộc vào kích thước và mẫu tượng. Để biết giá cụ thể cho từng mẫu tượng, xin vui lòng tới trang sản phẩm.

Chiều cao Màu Giá
10 cm Màu đa sắc 400 000 đ - 500 000 đ
15 cm Màu đa sắc 500 000 đ - 600 000 đ
20 cm Màu đa sắc 550 000 đ - 650 000 đ
30 cm Màu đa sắc 850 000 đ - 1 000 000 đ
40 cm Màu đa sắc 990 000 đ - 1 300 000 đ
50 cm Màu đa sắc 1 190 000 đ - 2 000 000 đ

Khám phá vũ trụ bao la luôn là một điều kỳ diệu. Trong tiếng Việt, chúng ta gọi thiên văn học là thiên văn học. Dưới đây là một số khía cạnh thú vị của thiên văn học:

  • Các hành tinh: Tìm hiểu về những thế giới khác trong hệ Mặt Trời.
  • Các ngôi sao: Khám phá sự hình thành và tiến hóa của những ngôi sao.
  • Thiên hà: Khám phá những hệ thống sao khổng lồ như Ngân Hà.
  • Kính thiên văn: Tìm hiểu về các công cụ quan sát vũ trụ.

Thiên văn học (Thiên văn học)

Thiên văn học là ngành khoa học nghiên cứu các vật thể và hiện tượng trên bầu trời, bao gồm các ngôi sao, hành tinh, thiên hà, sao chổi, và nhiều hơn nữa. Nó giúp chúng ta hiểu rõ hơn về nguồn gốc và sự tiến hóa của vũ trụ.

Các hành tinh (Các hành tinh)

Hệ Mặt Trời của chúng ta có tám hành tinh: Thủy tinh, Kim tinh, Trái đất, Hỏa tinh, Mộc tinh, Thổ tinh, Thiên Vương tinh, và Hải Vương tinh. Mỗi hành tinh có những đặc điểm riêng biệt và hấp dẫn.

Trở lên trên thiên văn học

Các ngôi sao (Các ngôi sao)

Các ngôi sao là những quả cầu khí khổng lồ phát sáng do phản ứng hạt nhân. Chúng có nhiều kích thước và màu sắc khác nhau, và chúng tạo thành các chòm sao mà chúng ta thấy trên bầu trời đêm.

Thiên hà (Thiên hà)

Thiên hà là một hệ thống khổng lồ chứa hàng tỷ ngôi sao, khí, bụi, và vật chất tối. Ngân Hà là thiên hà mà chúng ta đang sống.

Kính thiên văn

Kính thiên văn là một công cụ quan trọng trong thiên văn học, cho phép chúng ta quan sát các vật thể xa xôi trong vũ trụ. Các loại kính thiên văn khác nhau được sử dụng để quan sát các bước sóng ánh sáng khác nhau.

H3 Header

H4 Header

H5 Header