편집기에서 사용 된 실제 크기로 이미지 크기를 조정 하시겠습니까?


20

게시물에 표시되는 실제 크기로 이미지 크기를 조정하는 방법이 있습니까? 큰 이미지를 가져온 다음 시각적 편집기에서 크기를 조정하는 사용자가 있습니다. 이미지 편집기를 열고 이미지 크기를 조정하고 저장 한 후 별도의 첨부 파일로 업로드하지 않고도 원하는 크기가 될 때까지 이미지를 드래그 할 수 있기 때문에 쉽습니다. 물론 이로 인해 게시물의 너비는 100 픽셀이지만 실제로는 1500 픽셀의 이미지가 생성됩니다.

새 게시물이 저장 될 때이를 수행하는 플러그인이 있습니까? 기존 풀 사이즈 이미지 (링크 또는 나중에 크기 조정을 위해)를 유지하고 싶지만 여분의 크기를 추가하고 _wp_attachment_metadata객체에 저장하면 이 게시물의 이미지가 올바른 크기로 표시됩니다. 전체 크기 첨부 파일

물론 모든 기존 게시물도 한 번 처리해야합니다. <img>태그가 그냥있을 수 있습니다 width, 단지를 height, 또는 그들 중 누구도 : 그들은 모두 올바른이 때문에이 모든, 정리해야한다 width, height그 크기의 이미지.


기존 이미지 URL로 전달 된 get 매개 변수를 기반으로 이미지의 크기를 즉석에서 조정하는 서버 측 솔루션을 사용해도 괜찮습니까? Apache / Mod_Rewrite?
hakre

@hakre : 당신은 후 저장 필터 포스트를 통과하고 각 이미지를 다시 쓰는 의미합니까 image.png?w=300&h=400, 또는 image-300x400.png그때의 요청에 mod_rewrite를하고 크기 조정 (캐시)를 통해 선택할 것이다를? 크기가 조정 된 이미지를 한 번 (저장 후 저장 작업에서) 생성하고 정적 파일로 제공하는 것보다 이점이 있습니까?
Jan Fabry

@Jan Fabry 네, 그게 제 생각입니다. 장점은 요청시 이미지 만 작성한다는 것입니다. 작성자가 게시물을 편집하는 한 파일 자체는 작성되지 않습니다. 편집을 차단하지 않는 것 외에도 wp와 더 분리되어 있으므로 일부 서버 서비스, CDN 캐싱 추가 기능 등을 만들 수도 있습니다. :) --- wp.com은 내가 올바르게 보면 비슷한 것을 수행합니다.
hakre

캐싱과 결합 된이 접근 방식은 실제로 빛납니다. 이 플러그인이 있다고 가정합니다. Zenphoto Gallery (내 자신의 lmazy.verrech.net/zenphoto-gallery ) 와 같은 플러그인과 함께 Zenphoto 설치를 실행할 수도 있습니다
Raphael

@Raphael : 사실, 저는 오늘 가능한 플러그인을 연구했고 일부는이 접근법을 취했습니다. 내 후보 에 추가 할 내용이 있으면 모두 편집 할 수 있습니다.
Jan Fabry

답변:


11

필자의 요구를 모두 해결하는 두 개의 플러그인을 만들었습니다. 그들은 현재 초기 알파 단계에 있으며 모든 의견을 환영합니다.

기본 플러그인은 On-Demand Resizer 입니다. 이 플러그인은 업로드 디렉토리에 존재하지 않는 파일에 대한 요청을 모니터링하고 필요한 경우 요청 된 크기의 이미지를 만듭니다. 예를 들어을 image-200x100.jpg만들고 반환 image.jpg하지만 200 x 100 픽셀로 크기가 조정됩니다. 이미지는 해당 이름으로 디렉토리에 저장되므로 추가 요청은 서버에서 직접 처리됩니다.

두 번째 플러그인 인 Resize img tags<img>src속성에 너비 및 / 또는 높이 데이터가 포함 되도록 태그 를 수정 합니다 . 이를 통해 첫 번째 플러그인이 올바른 이미지를 제공 할 수 있습니다. 함께 그들은 내가 원하는 것을하고, 기존의 모든 게시물을 변환하기 위해 한 번만 실행 함수를 작성하면되지만 간단합니다 ( the_content한 번만 실행 해야하는 것에 연결하고 싶지 않습니다 ).

세 번째 "보너스"플러그인 인 Virtual intermediate images 는 WordPress에서 새 이미지를 업로드 할 때 중간 이미지 작성을 차단합니다. 요청 된 경우 여전히 첫 번째 플러그인에 의해 작성되므로 실제로 사용하지 않는 한 디스크 공간을 차지하지 않고 여러 이미지 크기를 지정할 수 있습니다. 이것은 첫 작품에이 필요하지만, 그것은 쉽게 추가, 그리고 그것은 내가 아직 워드 프레스 이미지 편집기를 해결할 필요가 있다는 사실을 강조하지만 난 할 것되지 내가 만들 때 내 썸네일 편집기를 , 어떤 또한 것이다 첫 번째 플러그인을 사용하십시오.


1
이 소리는 정말 훌륭합니다! 실제 시나리오에 필요할 때 시험해 볼 시간을 기다릴 수 없습니다.
MikeSchinkel

좋은 물건. worpdress 플러그인 저장소에 추가를 고려하고 있습니까?
hakre

@hakre : 그렇습니다. 내가 동료 검토를 위해 준비를 마치면 :-)
Jan Fabry

4

나는의 플러그인 디렉토리 검색 한 "resize"또는 "crop"(후자 또 다른 질문을 ), 그리고 내 연구 결과를 언급 공공 구글 스프레드 시트 . 플러그인 검색은 결과 번호가 매우 혼동되므로 ( "resize"검색 의 마지막 페이지에 "273 개의 플러그인 중 145-150 표시"가 표시됨) 몇 가지를 놓쳤을 수 있습니다. 반 관련 메모 : 모든 사람들은 세상에 다른 슬라이드 쇼 플러그인이 필요하다고 생각하는 것 같습니다. content_save_pre이보다 무거운 구문 분석을 수행하는 데 더 나은 필터 일 수 있다는 것을 인식하는 사람은 거의 없습니다 the_content.

나는이 플러그인을 아직 테스트하지 않았지만 다음은 내가 원하는 것을하는 것처럼 보이는 플러그인 목록입니다. "호환 가능한 최대"버전 번호를 괄호 안에 추가했습니다.

개인적인 생각 : 처음 네 개 /wp-content/plugins/my-plugin/image.php?src=[original src]&w=100&h=50는 다양한 형태의 캐싱을 사용 하여 URL을 동적 페이지 (예 :)에 다시 씁니다 . ImageScaler가 취하는 접근 방식과 비슷하게 필요에 따라 생성되는 실제 이미지를 선호합니다. 그러나, 나는이 분할 (과 코멘트에 hakre의 제안을 포함)과 처음부터 모든 URL을 다시 것 /wp-content/uploads/2010/11/image.jpg으로 /wp-content/uploads/2010/11/image-100x50.jpg, 다음 스크립트가 누락 된 이미지를 만들 수 있습니다. 이 이미지에 대한 첫 번째 요청은 이미지를 생성하고 모든 후속 요청은이 생성 된 이미지를 사용합니다. 또한 기능을 다른 플러그인으로 나눌 수 있습니다. 이 솔루션을 별도의 답변으로 게시하겠습니다.

이 플러그인은 이미지를 특정 최대 크기로 제한합니다 (이 방법은 $content_width? 를 지정하는 것과 어떻게 다릅니 까).

  • JP-redesign-images , 핫 링크 된 이미지와 너무 큰 이미지 모두 확인 (단지 크기를 조정 한 경우가 아니라 너무 큰 경우에만) (3.0.1)
  • 끊어진 이미지 맞춤 , 너무 큰 이미지 확인 (3.0.0)

다음 플러그인은 다른 이유로 흥미 롭습니다.

  • TimThumbTinyMCE를 충족 하며 TinyMCE 편집기 (2.8.4)에 수동 크기 조정 버튼이 포함되어 있습니다.

커뮤니티 위키 게시물이므로 새 플러그인을 찾으면 업데이트 할 수 있습니다.


0

이미지 크기 / 치수 및 확대 / 축소 수준을 자동으로 변경하기 위해 timthumb을 사용하고 변수를 전달하는 것은 어떻습니까? 이렇게하면 원본 이미지 크기를 계속 유지할 수 있습니다. 이 줄에 예제가 필요하면 알려주세요.


0

Wordpress는 구성 할 수있는 세 가지 기본 크기 (소, 중, 대)를 제공합니다. 이것을 사용하면 Wordpress에서 크기가 조정 된 사본을 만듭니다. 그것들을 사용하고 현재 스타일에 맞도록 숫자를 설정하는 것이 좋은 스타일 일 것입니다. 결과적으로 이미지 크기가 페이지 전체에서 다르지 않고 테마가 변경 될 때 전체적으로 조정할 수 있습니다.


미리 정의 된 이미지 크기를 유지하는 것이 가장 좋지만 클라이언트는 :-) 에디터에서 이미지의 크기를 조정할 수 없다면 시스템이 그 선택을 따르는 것이 논리적입니다.
Jan Fabry

글쎄, 당신 이 가능성을 제거하고 그들이 깨끗하게 작동하도록 강요 할 수 있습니다;)
Raphael

"TinyMCE에서 크기 조정 기능을 어떻게 비활성화합니까?"라는 흥미로운 질문도 있습니다. 당신이 그것에 대한 답을 알고 있다면, 새로운 질문을 만들고 스스로 대답하십시오. 아마도 다른 사람들에게 유용 할 것입니다.
Jan Fabry

0

최근에 출시 된 Image Pro 플러그인은이 작업을 정확하게 수행합니다. 아직 테스트하지 않았지만 데모는 매우 인상적이며 브라우저 호환성이 좋지 않습니다 (현재 Firefox 전용).

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.