이미지
참고:
그림, 일러스트레이션 및 이미지는 웹 경험을 보다 유익하고 매력적으로 만드는 데 필수적인 부분입니다. 이미지를 삽입하거나 소스에서 이미지를 복사/붙여넣기만 하면 문서에 이미지를 추가할 수 있습니다.
콘텐츠에 더 쉽게 액세스할 수 있도록 이미지에 대체 텍스트를 추가하십시오. 모두 Word 및 Google 문서 그 점에 대해 큰 지지를 보내십시오.
AEM은 웹 사이트에 적합한 크기로 이미지 크기를 조정하고 사용하는 브라우저에 적합한 형식으로 변환하는 작업을 자동으로 수행합니다.
사용 가능한 경우 너비가 2000픽셀 이상인 이미지를 삽입하는 것이 좋습니다. 따라서 디스플레이 해상도가 큰 경우에도 이미지는 선명하게 유지됩니다.
페이지의 첫 번째 이미지는 메타데이터에 달리 정의되지 않는 한 메타데이터(소셜 미디어 및 메시징 애플리케이션의 경우)에 사용되는 이미지가 자동으로 됩니다.
GDocs에 대한 특수 언급: Google은 이미지를 최대 1600픽셀 너비 또는 1600높이로 다운사이징합니다. 대부분의 사진 이미지 사용 사례에는 여전히 충분하지만, 일부 삽화의 경우 아티팩트가 표시될 수 있습니다.
예:
콘텐츠 구조:
코드:
이미지는 기본 콘텐츠로 간주되므로 프로젝트 또는 블록 CSS 코드에서 스타일링됩니다. 일반적으로 사용되는 JavaScript 코드는 없습니다.
이 코드는 보일러플레이트에 포함되어 있으므로 복사할 필요가 없습니다.