Nginx 의 httpimage_filter_module 모듈 사용 설명

Nginx 이미지 처리 원리
여기 nginx 의 http 가 필요 합 니 다.image_filter_module 모듈, 이 모듈 은 그림 크기 조정 기능 을 편리 하 게 실현 할 수 있 습 니 다. 기본 적 인 상황 에서 설치 되 지 않 습 니 다. 직접 컴 파일 하여 설치 해 야 합 니 다.컴 파일 할 때... / configure 증가 – with - httpimage_filter_module 컴 파일 설치 완료
Nginx 이미지 처리 의 장단 점
장점.

조작 이 간단 하 다.간단 한 설정 을 통 해 백 엔 드 재단 프로그램의 복잡성 을 줄 였 습 니 다.

실시 간 재단.온라인 재단 사진 에 실시 간 으로 접근 할 수 있 습 니 다.

유연성 이 강하 다.백 엔 드 프로그램 이 그림 을 재단 할 때 그림 의 크기 와 품질 을 알 아야 합 니 다. nginx 재단 을 사용 하면 임의의 사이즈 의 그림 을 실시 간 으로 재단 할 수 있 습 니 다.

하 드 디스크 공간 을 차지 하지 않 습 니 다.

결점.

CPU 와 메모 리 를 소모 해 방 문 량 이 많 을 때 서버 에 큰 부담 을 줄 수 있다.(Nginx 캐 시 와 캐 시 서버 로 해결 가능)

기능 이 강하 지 않 습 니 다. 지원 하 는 처리 그림 유형 은 JPEG, GIF, PNG, or WebP

만 포함 합 니 다.
Nginx 이미지 처리 모듈 명령 어 사용
image_filter (중요)
그림 에서 실행 할 변환 형식 설정
Syntax:
image_filter off;
image_filter test;
image_filter size;
image_filter rotate 90/180/270;
image_filter resize width height;
image_filter crop width height;
Default:
image_filter off;
Context:
location
test
응답 그림 이 JPEG, GIF, WEBP 또는 PNG 형식 인지 확인 하지 않 으 면 415 오류 코드 를 되 돌려 줍 니 다.
size

outputs information about images in a JSON format, e.g.:

{ "img" : { "width": 100, "height": 100, "type": "gif" } }

In case of an error, the output is as follows:

{}

json 형식 으로 원본 그림 의 크기 와 유형 을 되 돌려 줍 니 다.
rotate
시계 반대 방향 으로 지정 한 각 도 를 회전 시 키 면 이 세 각도 만 지정 할 수 있 습 니 다.매개 변수 값 은 변 수 를 포함 할 수 있 습 니 다. 이 모드 는 단독으로 사용 할 수도 있 고 resize, crop 변환 과 동시에 사용 할 수도 있 습 니 다.
resize width height
그림 을 비율 에 따라 크기 를 조정 하면 한 사이즈 만 지정 할 수 있 고 다른 사 이 즈 는 '-' 를 사용 할 수 있 습 니 다.오류 가 발생 하면 서버 는 415 오류 코드 를 되 돌려 줍 니 다.매개 변수 값 은 변 수 를 포함 할 수 있 습 니 다.rotate 인자 와 함께 사용 할 때 회전 동작 은 크기 조정 후에 발생 합 니 다.그림 은 긴 쪽 을 기준 으로 크기 를 조정 합 니 다.
crop width height
비례 에 따라 그림 을 재단 하면 한 사이즈 만 지정 할 수 있 고 다른 사 이 즈 는 '-' 를 사용 할 수 있 습 니 다.오류 가 발생 하면 서버 는 415 오류 코드 를 되 돌려 줍 니 다.매개 변수 값 은 변 수 를 포함 할 수 있 습 니 다.rotate 인자 와 함께 사용 할 때 회전 작업 은 재단 전에 발생 합 니 다.그림 은 긴 쪽 을 기준 으로 등비 크기 를 조정 한 다음 나머지 부분 을 잘라 낸다.
image_filter_buffer
그림 을 읽 을 버퍼 의 최대 크기 를 설정 합 니 다.
Syntax:
image_filter_buffer size;
Default:
image_filter_buffer 1M;
Context:
http, server, location
그림 을 읽 을 최대 버퍼 크기 를 설정 합 니 다.버퍼 가 큰 시간 을 초과 하면 error 415 (Unsupported Media Type) 를 되 돌려 줍 니 다.
image_filter_interlace
이 옵션 을 사용 하면 최종 그림 은 줄 을 나 누 어 스 캔 합 니 다.
Syntax:
image_filter_interlace on / off;
Default:
image_filter_interlace off;
Context:
http, server, location
이 기능 을 켜 면 최종 그림 이 교차 합 니 다.JPEG 에 대해 최종 그림 은 '점진 적 JPEG' 형식 이다.그림 은 일반적으로 선형 로드 이 고 설정 후 교체 로드 그림 으로 변 합 니 다.점진 적 jpeg 효과 참조:http://www.zhangxinxu.com/wordpress/2013/01/progressive-jpeg-image-and-so-on/
image_filter_jpeg_quality
JPEG 이미지 변환 품질 설정
Syntax:
image_filter_jpeg_quality quality;
Default:
image_filter_jpeg_quality 75;
Context:
http, server, location
JPEG 이미지 로 전환 할 품질 을 설정 합 니 다.받 아들 인 값 은 1 부터 100 까지 입 니 다.작은 값 은 저질의 이미지 품질 과 더 적은 데이터 전 송 량 을 의미한다.최대 건의 치 는 95 다.매개 변 수 는 변 수 를 포함 할 수 있 습 니 다.
image_filter_sharpen
예화 도 를 설정 하여 최종 이미지 의 선명 도 를 증가 합 니 다.
Syntax:
image_filter_sharpen percent;
Default:
image_filter_sharpen 0;
Context:
http, server, location
최종 그림 의 예 도 를 증가 시 킵 니 다.이 백분율 은 100 을 초과 할 수 있다.0 값 에서 이 기능 을 사용 하지 않 습 니 다.매개 변 수 는 변 수 를 포함 할 수 있 습 니 다.
image_filter_transparency
투명 성 을 정의 할 때 GIF 그림 이나 PNG 그림 을 변환 할 팔레트 에서 지정 한 색상 을 유지 해 야 합 니 다.
Syntax:
image_filter_transparency on/off;
Default:
image_filter_transparency on;
Context:
http, server, location
GIF 나 PNG 그림 에 팔레트 정의 가 있 는 색상 을 변환 할 때 투명 이 유지 되 는 지 여 부 를 결정 합 니 다.투명 도 를 잃 으 면 그림 이 더 좋 은 품질 을 얻 을 수 있다.PNG 의 알파 채널 투명 은 항상 유 지 됩 니 다.
image_filter_webp_quality
WebP 이미지 전환 에 필요 한 품질 설정
Syntax:
image_filter_webp_quality quality;
Default:
image_filter_webp_quality 80;
Context:
http, server, location
웹 p 그림 으로 전환 할 품질 을 설정 합 니 다.
This directive appeared in version 1.11.6.
제한성

Nginx 의 이미지 처리 모듈 은 공식 적 으로 발 표 된 이미지 에 워 터 마크 기능 을 추가 할 수 있 는 모듈 을 보지 못 했 습 니 다. github 에서 이러한 확장 기능 을 쓴 사람 을 보 았 습 니 다. 참고 하 세 요.https://github.com/3078825/ngx_image_thumb

Nginx 의 실시 간성 과 접근 편의 성에 있어 GraphicsMagick 은 비교 할 수 없 지만 GraphicsMagick 은 그림 에 대한 처리 기능 이 nginx 보다 훨씬 강하 다. 예 를 들 어 nginx 는 그림 을 임의의 각도 로 회전 시 킬 수 없고 그림 에 수인 을 넣 을 수 없 으 며 그림 의 유형 이 유한 하 다 는 등 nginx, GraphicsMagick 에 비해 그림 의 비동기 처리 에 더욱 적합 하 다.

참고 문헌
Module ngx_http_image_filter_module