IMG 0237

fancybox 플러그인의 lazyload 테스트

IMG 0253

레이지 로드가 되는지 확인해보려고 한다.

IMG 0256

레이지 로드가 잘 되어야 할텐데?

IMG 0237

잘 될거라고 믿는다!

이제 가로크기 좀 큰 넘으로 해보자 1200으로

2041972236 qpgVhUms 81a548fd74086486f7f43c255badc2ff617d9753 1

위 사진은 보통?으로 설정되어 있다. 원본이 출력될까?

2041972236 qpgVhUms 81a548fd74086486f7f43c255badc2ff617d9753 1

위 사진은 썸네일로 설정

이상하다.. 잘 적용이 안되나?

이제 가로 3000이 넘는 사진을 갤러리에 넣어보자

IMG 0221

위 사진은 3000이 넘는 사진인데 2560으로 자동 리사이즈 되었다.

그리고 셋팅에는 최대크기이다.

글 편집시에는 심하게 화질 열화가 일어났다.

2560으로 자동 리사이즈 되었지만 900 600으로 출력되었다. 그 뒤에 따로 scaled라는 파일로 변환된듯 (2560짜리)

IMG 0221

이미지를 보통으로 설정해보았다. 화질 겁나 깨진다.

IMG 0221

썸네일로 해보았다. 아마 작게 나올 것 같다.

마지막으로 전체크기로 해보니 2560px로 리사이징 된 사진이 그냥 썸네일이 되어 의미 없는 것 같다.

가로 1000짜리는 어떻게 나올까? 미디어 설정에는 900이 최대크기라고 했는데?

IMG 0003

위에껀 최대크기로 해보았다. 그러면 900으로 나오려나?

IMG 0004

이건 전체크기로 해보았다~ 역시나 예상대로 썸네일을 그냥 원본 그대로 쓰는 것이다.

이제 미디어 설정을 최대크기 875로 해보았다.

아무래도 여기 표시되는 크기가 880px 정도라서 900px로 했을때 리사이즈시 많이 뿌옇게 보인다.

다시 올려보기

IMG 0006
요것도 최대크기이다.

IMG 0010

위에건 최대크기

IMG 0017

요것도 최대크기

전체크기는 트래픽에 안좋기 때문에 최대크기를 잘 이용해야 한다. 그래서 930px에 딱맞게 설정된 사진이 좋은 것 같다.

원본은 1200px짜리로 두고 930px에 리사이즈하고, 그 뒤에 클릭하면 1200px으로 불러오게!

NH5A1190

위에거는 최대크기

NH5A1182

이건 전체크기(원본)

NH5A1187

다시 최대크기

NH5A1200

 

 

요건 다시 전체크기(원본) 

우성짱

서버, 워드프레스, 그누보드, 사진 그리고 취미를 공유합니다.

View all posts by 우성짱 →

2 thoughts on “fancybox 플러그인의 lazyload 테스트

  1. 사진 사이즈가 엄청 크면 가로 900으로 리사이징 된다.

    그리고 갤러리에서 최대크기와 전체크기가 있는데

    최대크기는 900 리사이징 된 사진을 표시하고 클릭해보면 2560 사진을 다시 로딩한다.

    전체크기는 원본이 아닌 이미지 업로드 직후 처리된 사진 2560으로 리사이즈된 사진이 썸네일로 나오고

    그걸 클릭하면 그냥 100%로 볼 수 있다.

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다