다른 이미지의 오른쪽 하단에 워터 마크를 삽입하려는 이미지가 있습니다. 워터 마크 이미지의 크기는 너비가 179, 높이가 39입니다.이미지 크기를 조정할 때 까다로운 수학 문제가 발생했습니다.
이제 폭이 150, 높이가 20 인 다른 이미지가 있습니까? 원본 이미지를 사용하여 워터 마킹을 시도했다면 분명히 너무 커서 이미지 자체가 워터 마크 이미지로 완전히 가려 졌을 것입니다. 그렇습니까?
워터 마크 이미지의 크기를 조정할 작은 너비와 높이를 결정하려면 어떻게해야합니까? 워터 마크로 표시되고 이미지가 완전히 마스크되지 않도록 150 너비, 20 높이보다 훨씬 작습니까?
워터 마크를 허용 할 수있는 작은 이미지의 높이와 너비의 최대 백분율을 선택한 다음 워터 마크 이미지의 크기를이 두 최대 값 중 작은 값으로 조정해야합니다. 결과는 대상 이미지의 너비가 너비보다 큰지 아니면 그 반대인지에 따라 달라집니다.
예를 들어, 워터 마크의 높이가 높이의 25 % 이상이고 대상 이미지의 너비가 50 % 이하가되도록하려면 워터 마크를 크기를 조정 한 경우 워터 마크가 얼마나 커야하는지 확인할 수 있습니다 어느 한 차원.
너비가 50 %로 조정되면 워터 마크가 75x16 픽셀로 너무 크다 (임의로 선택한 비율을 기준으로 함).
(1백79분의 75) * 높이 39 = 16
배율 25 %, 22 X 5
(39분의 5)의 워터 마크를 의미 * 150 = 19
크기가 원래의 워터 마크보다 커지면 까지 워터 마크의 크기를 조정할지 여부를 결정해야합니다.. 동일한 요소로 크기를 줄이는 것과 비교하여 이미지 크기를 늘리면 이미지 품질이 훨씬 더 빨리 저하됩니다.
워터 마크를 워터 마크가 적용된 이미지의 20 % 또는 179x39 중 가장 작은 것으로 스케일합니다.
첫째을, 나는 다른 크기 대신 '즉시'크기 조정의의 워터 마크 이미지의 집합을 생성 당신을 추천합니다. 내가 동적 웹 사이트에 이미지를 워터 마크하는 방법에 대한 워크 플로우 설명했다 아래
:
디자인 좋은 워터 마크 모든
먼저, 투명한 배경으로 워터 마크를 디자인하려고합니다. 이렇게하면 대상 이미지의 필수 부분을 은폐 할 위험이 크게 줄어 듭니다. 이것은 gif 또는 (선호) png 이미지 파일 형식을 사용하여 수행 할 수 있습니다. 밝고 어두운 배경에서 투명한 워터 마크가 잘 작동하는지 확인하십시오.
세로 및 가로 스타일 이미지와 어색한 가로 세로 비율 이미지가 모두 작동하는 워터 마크를 효과적으로 디자인하는 방법도 고려해야합니다. 와이드 이미지 용과 높이 이미지 용의 두 가지 버전을 만드는 것을 고려해야합니다. 후자 유형의 경우 워터 마크를 90도 회전하거나 워터 마크가 텍스트로 구성된 경우 텍스트를 두 개 이상의 줄로 분할 할 수 있습니다.
사전 렌더링 대신 나는 다른 크기와 워터 마크 이미지의 집합을 렌더링 할 추천, 동적 워터 마크의 크기를 조정하지 않는, 여러 가지 크기 그래서
에 워터 마크를. 이 작업은 한 번만 수행하면되며 워터 마크의 선명도 및/또는 가독성이 크게 향상됩니다 (특히 작은 대상 이미지의 경우).
이미지가 웹 페이지에 얼마나 다른지에 따라 크기가 더 크거나 작을 수 있습니다. 이것은 당신이해야 할 디자인 선택이지만, 나는 당신이 단지 두세 가지 크기로 벗어날 수 있다고 생각합니다.
워터 마크이 (당신의 PHP 파일에서) 서버 측에서 동적으로 일어날 것입니다
을 적용합니다. 먼저 getimagesize 함수를 사용하여 대상 이미지의 크기를 찾습니다. 이 정보를 가지고 있으면 크기, 종횡비 및 방향에 따라 사용할 워터 마크 버전을 결정해야합니다. 예 :
if ($width > $height) {$useLandscapeWatermark=true;}
if ($width > 100 && $width < 400) {$watermarkSize=2;}
등
마지막으로, 나는 당신이 gd library보고 추천하는 워터 마크를 적용합니다. 이것은 두 개의 이미지를 병합하는 것 중에서도 많은 깔끔한 trix를 수행 할 수있는 강력한 라이브러리입니다. 대안은 ImageMagic입니다.행운을 빈다.
축소 할 때 워터 마크의 가로 세로 비율을 유지 하시겠습니까? –