클라우드웨이즈에 워드프레스 설치, 이미지 압축 플러그 shortpixel을 사용 중입니다. avif 관련 내용으로 에러 메세지가 나왔습니다. 해결 과정을 적어봤습니다. 다른 분께도 도움이 되셨으면 합니다.
shortpixel avif 변환 에러 메시지
AVIF server test failed. Your server may not be configured to display AVIF files correctly. Serving AVIF might cause your images not to load. Check your images, disable the AVIF option, or update your web server configuration.
AVIF 서버 테스트에 실패했습니다. 서버가 AVIF 파일을 올바르게 표시하도록 구성되지 않았을 수 있습니다. AVIF를 제공하면 이미지가 로드되지 않을 수 있습니다. 이미지를 확인하거나 AVIF 옵션을 비활성화하거나 웹 서버 구성을 업데이트하세요.
The required Content-type header for AVIF files was not found. Please check this with your hosting and/or CDN provider. For more details on how to fix this issue, see this article
AVIF 파일에 필요한 콘텐츠 유형 헤더를 찾을 수 없습니다. 호스팅 및/또는 CDN 제공업체에 문의하세요. 이 문제를 해결하는 방법에 대한 자세한 내용은 이 문서를 참조하세요.
클라우드웨이즈는 24시간 고객 응대를 잘 해준다고 하는데요. 제가 할 수 있을 거 같아서 직접 해봤습니다.
Returned headers for:
Array ( [0] => HTTP/1.1 200 OK [1] => Server: nginx [2] => Date: Thu, 18 Jul 2024 10:31:06 GMT [3] => Content-Length: 645 [4] => Connection: close [5] => Last-Modified: Mon, 17 Jun 2024 13:25:00 GMT [6] => ETag: “285-61b15e4607756” [7] => Cache-Control: max-age=2592000, s-maxage=2592000 [8] => Expires: Sat, 17 Aug 2024 10:13:17 GMT [9] => Age: 1069 [10] => X-Cache: HIT [11] => Accept-Ranges: bytes )
위의 내용은 잘 모르겠습니다.
See this article 보면 코드 추가하라고 하는 내용이 나옵니다. .htaccess 파일을 수정 하라고 하는데요. 어디에 있는건지 기억이 안 나더라고요.
chatgpt에 워드프레스에서 .htaccess file 어떻게 접근해? 물어 봤어요.
WordPress에서 .htaccess 파일에 접근하고 편집하는 방법은 다음과 같습니다:
1. 웹 호스팅 파일 관리자 사용
많은 웹 호스팅 서비스는 파일 관리자를 제공합니다. cPanel을 예로 들어 설명하겠습니다.
- 로그인: 웹 호스팅 계정에 로그인합니다.
- 파일 관리자 열기: cPanel에서 파일 관리자를 엽니다.
- 루트 디렉토리 이동: WordPress가 설치된 루트 디렉토리(public_html 또는 www)로 이동합니다.
- .htaccess 파일 찾기:
.htaccess파일을 찾습니다. 파일이 보이지 않으면 숨김 파일 보기를 활성화해야 할 수 있습니다.
- 숨김 파일 보기 활성화: 파일 관리자 설정에서 “Show Hidden Files” 옵션을 활성화합니다.
- 편집:
.htaccess파일을 선택하고 “Edit”를 클릭하여 편집합니다.
2. FTP 클라이언트 사용
FTP 클라이언트를 사용하여 .htaccess 파일에 접근하고 편집할 수 있습니다. 여기서는 FileZilla를 예로 들어 설명하겠습니다.
- FTP 클라이언트 다운로드 및 설치: FileZilla 같은 FTP 클라이언트를 다운로드하여 설치합니다.
- FTP 연결 설정: 호스팅 제공업체에서 제공한 FTP 자격 증명(서버 주소, 사용자 이름, 비밀번호)을 사용하여 연결합니다.
- 루트 디렉토리 이동: WordPress가 설치된 루트 디렉토리로 이동합니다.
- .htaccess 파일 찾기:
.htaccess파일을 찾습니다. 파일이 보이지 않으면 숨김 파일 보기를 활성화해야 할 수 있습니다.
- 숨김 파일 보기 활성화: FileZilla에서는 “Server” 메뉴에서 “Force showing hidden files” 옵션을 선택합니다.
- 다운로드 및 편집:
.htaccess파일을 로컬 컴퓨터로 다운로드한 후 텍스트 편집기(예: Notepad++)로 편집합니다. - 업로드: 편집이 끝나면 파일을 다시 서버로 업로드합니다.
3. WordPress 플러그인 사용
WordPress의 특정 플러그인을 사용하여 .htaccess 파일을 편집할 수 있습니다.
- 플러그인 설치: “WP Htaccess Editor”와 같은 플러그인을 설치합니다.
- 플러그인 활성화: 플러그인을 활성화합니다.
- .htaccess 파일 편집: 플러그인 설정 페이지로 이동하여
.htaccess파일을 편집합니다.
예시: .htaccess 파일에 Content-Type 헤더 추가하기
AVIF 파일을 제대로 서빙하기 위해 .htaccess 파일에 다음과 같은 라인을 추가할 수 있습니다:
해결 과정
fileziller 설치
클라우드웨이즈 > 워드프레스 > Access Details > SSH/SFTP Details > ADD 유저 아이디/비번 등록
Application Credentials > Public IP 접속
.htaccess 파일 다운 > 노트패드에서 수정
<IfModule mod_mime.c> AddType image/avif avif AddType image/avif-sequence avifs </IfModule>
해결완료
이제 해결 되었습니다. 이미지 라이브러리를 봤더니 Avif압축률이 나오고 있습니다.