Zmieniasz rozmiar zdjęć do rzeczywistego rozmiaru użytego w edytorze?

Czy istnieje sposób, aby zmienić rozmiar zdjęć do rzeczywistego rozmiaru, który będą wyświetlane w poście? Mam użytkowników, którzy importują duży obraz, a następnie zmieniają jego rozmiar w edytorze wizualnym. Jest to łatwe, ponieważ mogą po prostu przeciągnąć obraz do pożądanego rozmiaru, bez uprzedniego otwierania edytora obrazów, zmiany rozmiaru obrazu, zapisywania go i przesyłania jako osobnego załącznika. Oczywiście czasami powoduje to obraz o szerokości 100 pikseli w poście, ale w rzeczywistości 1500 pikseli.

Czy istnieje wtyczka, która robi to, gdy zapisywany jest nowy post? Chciałbym zachować istniejący obraz w pełnym rozmiarze (do łączenia lub później zmienić rozmiar), ale po prostu dodaj dodatkowy rozmiar (i zapisz go w _wp_attachment_metadataobiekcie), aby ten post miał obraz w odpowiednim rozmiarze i odniesienie do pełnowymiarowy załącznik.

Oczywiście wszystkie istniejące posty powinny być obsługiwane raz. <img>Tagi nie mogą mieć po prostu width, po prostu height, albo żaden z nich to powinny być czyszczone, więc wszyscy mają prawidłowe width, heighta obraz tego rozmiaru.

Stworzyłem dwie wtyczki, które razem powinny rozwiązać moje potrzeby. Są one obecnie na wczesnym etapie alfa i wszystkie komentarze są mile widziane.

Podstawową wtyczką jest Resizer na żądanie . Wtyczki te monitorują żądania dotyczące nieistniejących plików w katalogu wysyłania i w razie potrzeby tworzą obrazy o żądanym rozmiarze. Na przykład image-200x100.jpgutworzy i zwróci image.jpg, ale zmieni rozmiar na 200 na 100 pikseli. Obraz jest zapisywany pod tą nazwą w katalogu, więc dalsze żądania są obsługiwane bezpośrednio przez serwer.

Druga wtyczka, Resize img tags , modyfikuje <img>tagi, aby ich srcatrybuty zawierały dane o szerokości i / lub wysokości. Dzięki temu pierwsza wtyczka może wyświetlać prawidłowe obrazy. Razem robią to, co chcę, i muszę tylko utworzyć funkcję jednorazowego uruchomienia, aby przekonwertować wszystkie istniejące posty, ale to powinno być łatwe (nie chcę się podłączać do the_contentczegoś, co powinno działać tylko raz).

Trzecia „dodatkowa” wtyczka, Wirtualne obrazy pośrednie , przechwytuje tworzenie obrazów pośrednich podczas przesyłania nowego obrazu do WordPress. Ponieważ są one nadal tworzone przez pierwszą wtyczkę na żądanie, pozwala to określić wiele rozmiarów obrazów bez zajmowania miejsca na dysku, chyba że są faktycznie używane. To nie jest potrzebne, aby dwa pierwsze działały, ale był to łatwy dodatek i podkreśla fakt, że nadal muszę obejść edytor obrazów WordPress, ale zrobię to, gdy utworzę mój edytor miniatur , który również będzie użyj pierwszej wtyczki.

Przeszukałem katalog wtyczek w celu znalezienia "resize"lub "crop"(drugie pytanie ) i zanotowałem swoje ustalenia w publicznym arkuszu kalkulacyjnym Google . Wyszukiwanie wtyczek jest bardzo mylące w wynikach (ostatnia strona "resize"wyszukiwania pokazuje „Wyświetlanie 145-150 z 273 wtyczek”), więc mogłem przeoczyć kilka. Powiązane uwagi: wydaje się, że wszyscy myślą, że świat potrzebuje kolejnej wtyczki do pokazu slajdów. Niewielu zdaje się zdawać sobie sprawę, że content_save_premoże to być lepszy filtr do intensywnego analizowania niż the_content.

Nie testowałem jeszcze żadnej z tych wtyczek, ale oto lista wtyczek, które wydają się robić to, co chcę. W nawiasach dodałem numer wersji „Kompatybilny z”.

• ChoiceCuts Image Juggler , z wieloma funkcjami obsługi obrazów dostępnymi poprzez API (3.0.1)
• AutoThumb , przepisuje adresy URL do programu obsługi, który używa phpThumb (2.9.2)
• Symlinks graficzne , za pomocą specjalnego [img]skrótu (2.9.2)
• com_resize , przepisuje adresy URL do modułu obsługi, który używa phpThumb, także obrazów zewnętrznych (2.6)
• ImageScaler , w razie potrzeby tworzy nowe rozmiary i zmienia adresy URL obrazów (2.3)
• ImageScaler Modded , nieco zmodyfikowana wersja ImageScaler (2.3.1)

Osobiste przemyślenia: Pierwsze cztery przepisują adres URL na dynamiczną stronę (coś w rodzaju /wp-content/plugins/my-plugin/image.php?src=[original src]&w=100&h=50), z różnymi formami buforowania. Wolę prawdziwy obraz, który jest tworzony w razie potrzeby, podobny do podejścia, jakie przyjmuje ImageScaler. Podzielę to jednak (i ​​dołączę sugestię hakre'a do komentarzy) i najpierw przepiszę wszystkie adresy URL od /wp-content/uploads/2010/11/image.jpgdo /wp-content/uploads/2010/11/image-100x50.jpg, a następnie pozwól skryptowi utworzyć brakujące obrazy. Pierwsze żądanie dla tego obrazu tworzy obraz, wszystkie kolejne żądania używają tego utworzonego obrazu. Pozwala mi to również podzielić funkcjonalność między różne wtyczki. Opublikuję to rozwiązanie w osobnej odpowiedzi.

Te wtyczki ograniczają obrazy do określonego maksymalnego rozmiaru (Czym to się różni od określenia $content_width?):

• JP-redesign-images , sprawdza zarówno obrazy dowiązane na gorąco, jak i obrazy ponadgabarytowe (tylko jeśli są zbyt duże, a nie tylko jeśli mają tylko zmieniony rozmiar) (3.0.1)
• Hungred Image Fit , sprawdza zbyt duże obrazy (3.0.0)

Poniższa wtyczka jest interesująca z innych powodów:

• TimThumb spełnia TinyMCE , zawiera przycisk ręcznej zmiany rozmiaru w edytorze TinyMCE (2.8.4)

To jest post społeczności Wiki, więc można go zaktualizować, jeśli znajdziesz nowe wtyczki.

Co powiesz na wykorzystanie zmiennej timthumb i przekazującej do automatycznej zmiany rozmiaru / wymiarów obrazu i poziomów powiększenia? W ten sposób można zachować oryginalne rozmiary obrazu. Jeśli potrzebujesz kilku przykładów w tej linii, daj mi znać.

Wordpress oferuje trzy domyślne rozmiary (mały, średni, duży), które można skonfigurować. Jeśli ich używasz, Wordpress tworzy kopie o zmienionym rozmiarze. Prawdopodobnie dobrym stylem jest użycie ich i ustawienie liczby tak, aby pasowały do ​​bieżącego stylu. Powoduje to, że obrazy nie mają różnych rozmiarów na całej stronie i pozwalają na globalne korekty przy zmianie motywu.

Wydaje się, że właśnie wydana wtyczka Image Pro właśnie to robi. Nie przetestowałem się jeszcze, demo wygląda bardzo imponująco, zauważ słabą kompatybilność przeglądarki (w tej chwili tylko Firefox).