워드프레스에서 GIF 이미지가 안 움직여요
홈페이지를 운영하다보면 움직이는 이미지를 사용할 때가 있습니다. 그런데 이상하게 컴퓨터나 미디어 라이브러리에서는 잘 작동하는데 업로드한 페이지에서는 작동하지 않는 경우가 있는데요. 오늘은 이 문제를 해결하는 방법에 대해 알아보겠습니다.
우선은 기본적으로 아래의 3가지 항목을 체크해 보는 것이 좋습니다.
GIF 이미지가 작동하지 않을 때 먼저 체크해보아야 할 사항
- 이미지 포맷 확인
- GIF 타임라인 설정 확인
- 이미지 설정 확인
이미지 포맷 확인
먼저, 사용하려는 GIF 이미지가 실제로 GIF 형식인지 확인해 보아야 합니다. 파일 확장자가 .gif로 잘 설정되어 있는지 확인해봅니다. 그렇지 않은 경우, 이미지 변환 프로그램를 사용하여 GIF 형식으로 변환해야 합니다.
GIF 타임라인 설정
만약 GIF를 포토샵으로 만들었다면, 반드시 GIF의 프레임별 타임라인 설정이 잘 되어 있는지 확인해봅니다.
GIF의 타임라인 프레임이 모두 다 같은 레이어로 지정되어 있다면, GIF가 제대로 작동되지 않을 수 있습니다. 반드시 각 GIF 타임라인 프레임별로 해당 레이어를 잘 설정해주셨는지 확인해주세요.
위 두가지 문제에 대해 제대로 하였는데도 불구하고, 여전히 워드프레스에서 작동을 하지 않는다면, 마지막, 워드프레스 등록시 이미지 설정을 확인해보아야 합니다.
이미지 설정 확인
워드프레스에서 GIF가 작동하지 않아 플러그인 호환성과 서버 설정 등 여러가지 방면으로 확인해본 결과 의외로 간단한 부분에 해결방법이 존재 했었습니다. 우리는 이미지를 등록할 때 큰 이미지를 작게 등록하기 위해 사용자 정의 설정을 통해 이미지 크기를 변경하곤 합니다. 하지만, 이러한 설정이 GIF 이미지를 작동하지 않게 만드는 원인이었습니다.
어떤 이유때문에 작동하지 않는건가요?
이미지 사이즈를 조정하게 되면 리사이징되는 과정에서 정적인 이미지(움직이지 않는 이미지)로 변환되면서 GIF 이미지가 작동되지 않는 문제가 발생합니다. 그렇다면 해결 방법에 대해 알아보겠습니다.
어디서 무엇을 수정하면 되나요?
위에서 설명드린 것과 같이 이미지 사이즈를 조정하지 않으면 됩니다. 다시 말해 전체 크기 이미지를 사용하게 되면 이 문제는 해결됩니다.
위 그림에서 보시는 것과 같이 최대크기로 변경하면 제대로 작동하는 것을 볼 수 있고, 다시 보통 크기로 변환하면 멈췄다가 다시 최대크기로 변경하니 정상 작동하는 것을 볼 수 있습니다. 어려운 것 같지만, 간단한 해결 방법이었습니다.
오늘은 워드프레스에서 GIF이미지가 작동하지 않을 때 해결방법에 대해 알아보았습니다. 앞으로도 더 좋은 글로 찾아뵙겠습니다. 읽어주셔서 감사합니다.
