IPhone 용 페이지 디자인에 이미지 삽입 - 인형

비디오: 시뮬레이터에 이미지 넣기 2025

삽입 한 것처럼 iPhone 및 iPad 용 웹 페이지에 이미지를 삽입 할 수 있습니다 HTML 이미지 태그를 사용하여 다른 웹 페이지로 변환 할 수 있습니다.

다음의 잘 만들어진 이미지 태그는 320 픽셀 x 110 픽셀의 사진을 삽입하고 JPEG로 저장됩니다.

이 목록에는 웹 페이지에 이미지를 삽입하는 몇 가지 모범 사례가 나와 있습니다. 모바일 웹을 디자인 할 때 특히 중요합니다.

대체 텍스트를 사용하십시오. 대체 Alt 텍스트를 포함시켜 이미지를 설명하십시오. 사용자가 모바일 웹 또는 Wi-Fi 핫스팟에 연결되어있는 경우, 사용자는 이미지 표시를 선택하지 않을 수 있습니다. 이 경우 Alt 텍스트는 방문자가 보는 모든 것일 수 있습니다.

로고 또는 텍스트가있는 다른 이미지를 삽입하는 경우 이미지 태그의 Alt 필드에 텍스트를 포함하십시오.
이미지 크기를 제한하십시오. 비교적 좁은 너비 (320 픽셀 이하)를 사용하여 기본 iPhone 화면의 제한된 공간에 맞 춥니 다. 다른 해결 방법은 비율을 사용하여 너비를 지정하여 이미지가 자동으로 화면 크기에 맞게 조정되도록하는 것입니다.

예를 들어 이미지 태그의 size 속성을 width = 95 %로 설정하면 이미지가 표시 영역 너비의 95 %를 채 웁니다. 폭에 백분율을 사용하면 높이를 지정할 필요가 없습니다.
각 이미지의 높이와 너비를 지정하십시오. 이전 이미지 태그 코드 예제에서와 같이 높이 및 너비 특성을 사용하면 높이 및 너비를 결정하기 전에 브라우저에서 각 이미지를 다운로드 할 필요가 없으므로 모바일 Safari 브라우저에서 페이지를 더 효율적으로로드 할 수 있습니다.
지원되는 이미지 형식을 사용하십시오. Apple 장치는 JPEG, PNG 및 GIF 이미지 (애니메이션 GIF 이미지 포함)를 표시 할 수 있습니다.