html 코딩하는데 모바일에서 이미지가 안 보입니다

html 코딩하는데 모바일에서 이미지가 안 보입니다

작성일 2023.07.18댓글 3건
    게시물 수정 , 삭제는 로그인 필요

처음으로 만드는 웹사이트라 간단하게 만들려고 했어요

<!DOCTYPE html>
<html>
    <head>
        <title>babo</title>
    </head>
    <body>
        <figcaption>
            (친구이름)바보</figcaption>
        <img src="clip1(파일명)0.png" alt="" width="400">
    </body>
</html>

이게 제 코드 전문이고 컴퓨터에서는 투박하게 글자 밑에 이미지가 보이는데 아이패드나 핸드폰으로 들어가면 이미지가 안 보여서 질문드립니다.. 컴퓨터에서 개발자모드로 핸드폰 화면 크기로 봤을 때는 잘 보여요. 고유크기는 5400X7200에 64MB입니다. 답변 주시면 감사하겠습니다!



profile_image 익명 작성일 -

이미지가 모바일에서 보이지 않는 문제는 다양한 원인이 있을 수 있습니다. 일반적으로 이미지가 모바일에서 보이지 않는 이유는 다음과 같습니다.

1. 이미지 경로가 잘못되었을 경우: 이미지 파일의 경로가 올바르게 지정되어 있는지 확인해야 합니다. 이미지 파일이 올바른 경로에 위치해 있는지 확인하고, 경로를 수정해야 할 경우 수정해야 합니다.

2. 이미지 크기가 너무 큰 경우: 모바일 기기에서 이미지가 로딩되는 시간이 오래 걸릴 수 있습니다. 이미지 파일의 크기를 최적화하여 파일 크기를 줄이는 것이 좋습니다.

3. CSS 스타일이 이미지를 가리고 있는 경우: CSS 스타일이 이미지를 가리고 있는지 확인해야 합니다. 이미지를 감싸는 요소에 대한 스타일이 이미지를 가리고 있을 수 있으므로, 스타일을 수정하여 이미지가 보이도록 해야 합니다.

4. 이미지 파일이 올바른 형식인지 확인: 이미지 파일이 올바른 형식인지 확인해야 합니다. 잘못된 형식의 이미지 파일은 모바일에서 보이지 않을 수 있습니다. 이미지 파일이 올바른 형식인지 확인하고, 필요에 따라 이미지 파일을 다시 생성해야 합니다.

이 외에도 다른 원인일 수 있으므로, 상세한 코드와 이미지 파일의 경로 등을 제공해주시면 더 정확한 도움을 드릴 수 있습니다.

profile_image 익명 작성일 -

초보 프로그래머 상담사 --- 프로gram --- 입니다.

원인 파악 후 도움될수 있는 수기 답변 드리겠습니다.^^

도움되는 답변:

이미지가 모바일에서 표시되지 않는 문제는 이미지의 크기와 파일 형식 및 경로에 관련될 수 있습니다. 모바일 기기에서는 이미지가 로드되는 데 더 많은 시간이 걸릴 수 있으며, 네트워크 연결 속도에 따라 다를 수도 있습니다.

문제를 해결하기 위해 다음 몇 가지 단계를 시도해 볼 수 있습니다:

1. 이미지 파일의 경로를 확인하십시오.

이미지 파일이 코드의 파일 위치와 일치하는지 확인하고 파일 이름의 대소문자를 확인하십시오.

2. 이미지 파일의 확장자를 확인하십시오.

모든 브라우저에서 지원되는 이미지 형식 중 하나(png, jpg, gif)로 이미지 파일을 변환하거나 다른 형식으로 다시 저장해 보십시오.

3. 이미지의 용량을 줄여보십시오.

64MB는 큰 용량이므로 이미지를 압축하거나 해상도를 조정하여 파일 크기를 줄여 보십시오.

4. 이미지가 모바일 브라우저에서 제대로 표시되는지 확인하기 위해 다른 모바일 기기나 브라우저에서도 테스트해 보십시오.

이러한 단계를 시도한 후에도 문제가 지속되면, 웹사이트 코드에 추가적인 문제가 있을 수 있으므로 전체 코드를 검토하거나 웹 개발자에게 도움을 요청해야 할 수도 있습니다.

(。╹‿ ╹ 。) 답변에 만족하셨다면 답변확정 부탁드려요!

(。╹‿ ╹ 。) 추가로 궁금하신점이 있으시다면 추가질문을 부탁드리겠습니다.

profile_image 익명 작성일 -

혹시 이미지가 엑박으로 뜨는건가요?url 주소가 따로 있을까요?

상대방 메일에 이미지가 안보입니다.

... 이럴때 어떻게 하나요 코딩 삽입위치를 확인해 봤는데 본문 - EDIT AS HTML - 삽입 으로 작업했습니다. 이미지가 외부에서 접근이 가능한 주소인지 확인해 보세요.

[내공200] html table 모바일로 볼 때...

... *wix 사이트에서 html을 삽입했습니다. 삽입한 table은 포토샵에서 분할한 후 링크를 넣은 이미지입니다. **웹에서 봤을 때는 크기가 괜찮은데 픽셀로 지정한 거라 모바일...