Menadżer ilustracji i mediów
Zarządzanie ilustracjami
Menadżer ilustracji i mediów pozwala przeglądać zawartość katalogów serwera z obrazkami i plikami multimedialnymi oraz zarządzać nimi.
Zdjęcia zapisywane są na serwerze w minimum kilku wersjach:
- wersja podstawowa, do umieszczania bezpośrednio w treści strony
- powiększenie, otwierane zazwyczaj w nowym oknie po kliknięciu na obrazek
- oryginał - zdjęcie w oryginalnych rozmiarach, w takiej formie w jakiej zostało umieszczone na serwerze. Archiwizacja zdjęć umożliwia ponowną obróbkę fotografii w razie konieczności powtórzenia tego procesu.
- wersje dodatkowe: mini, ico, small, tiny, medium
1
2
3
4
5
6
7
8
Funkcje menadżera:
- operacje na folderach - dodawanie i usuwanie katalogów
- wyszukiwanie ilustracji na serwerze, w bieżącym katalogu
- operacje na plikach - kopiowanie, usuwanie, przenoszenie ilustracji
- drzewo katalogów ilustracji, kliknięcie w nazwę powoduje otworzenie folderu
- zawartość bieżącego folderu wyświetlana jest w głównym oknie w postaci miniaturek, ilustrację można zobaczyć w normalnym rozmiarze klikając na ikonę lupy.
- dodawanie nowych ilustracji
- przetwarzanie wybranej ilustracji lub wszystkich ilustracji w bieżącym katalogu
- Guzik edycja - otwiera edytor który umożliwia skalowanie i kadrowanie ilustracji do dowolnych rozmiarów, a także obrót i odbicia lustrzane.
Operacje na folderach
 | Tworzy nowy folder w bieżącym katalogu |
 | Kasuje bieżący folder. Usuwany folder musi być pusty. |
Operacje na plikach obrazków
 | Usuwa wybrany obrazek |
 | Wycina wybrany obrazek i przenosi do schowka. Opcja umożliwia przenoszenie obrazków do innych katalogów. Po wycięciu należy użyć opcji wklej, w innym katalogu. |
 | Kopiuje do schowka wybrany obrazek. |
 | Wkleja ze schowka wybrany obrazek do bieżącego katalogu. |
Dodawanie ilustracji i plików multimedialnych
1
2
3
4
5
6
7
Aby dodać ilustrację/plik multimedialny do bieżącego katalogu należy:
- Kliknąć w guzik "+ Dodaj obrazek"
- Wybrać obrazek z dysku lokalnego: obrazek może być dowolnych rozmiarów, jednak nie powinien być większy niż 2 MB, (limit zależny od ustawień serwera) może być w formacie JPG, TIF, BMP, GIF, PNG (mechanizm konwersji obsługuje również wiele innych formatów - jednak najpewniej użyć jednego z wymienionych) - ilustracje na serwerze zostaną skonwertowane do formatów używanych w internecie (JPG, GIF, PNG). Można również tą metodą dodać animację Macromedia Flash - w formacie SWF, plik filmowy FLV lub AVI. Aby jednorazowo dodać więcej niż jedną ilustrację można pliki spakować do archiwum ZIP - wszystkie ilustracje z archiwum zostaną przetworzone wsadowo.
- Jeśli chcemy za jednym razem umieścić więcej plików na serwerze - należy kliknąć na "+ Wybierz kolejny obrazek"
- Określamy metodę automatycznego przeskalowania ilustracji - tabelę rozmiarów określa się w ustawieniach - zakładka ilustracje - zostanie to opisane poniżej.
- Opcjonalnie możliwe jest zdefiniowanie znaku wodnego nałożonego na ilustrację
- Określić czy nowy obrazek ma zastąpić aktualnie wybrany czy ma zostać dodany jako nowy plik oraz zaznaczmy czy ma zostać utworzone powiększenie ilustracji - rozmiary powiększenia określa się w ustawieniach - zakładka ilustracje
- wciskamy klawisz "Umieść na serwerze" - rozpocznie się transfer pliku(ów) na
serwer - co może potrwać od kilku sekund w zależności od rozmiaru
zdjęcia i szybkości łącza.
Przetwarzanie ilustracji
Opcja "Przetwarzaj obrazki" umożliwia przetwarzanie wybranego obrazka lub wszystkich z bieżącego katalogu. Dostępne opcje:- Przetwarzanie wybranego obrazka - modyfikuje tylko wybraną ilustrację wg zaznaczonych opcji
- Zmiana formatu wybranego obrazka - umożliwia zmianę formatu ilustracji: PNG,GIF, JPG
- Konwersja kolorów CMYK - konwertuje paletę kolorów CMYK do RGB
- Skasuj profile i dane exif z obrazków z całego katalogu - profile i dane exif to dodatkowe informacje zawarte w plikach które zazwyczaj nie są potrzebne przy prezentacji na stronie www, a zwiększają one rozmiar w kB ilustracji - ta opcja pozwala automatycznie usunąć te dane. Standardowo te dane są usuwane podczas dodawania ilustracji na serwer.
- Przetwarzanie całego katalogu - modyfikuje wszystkie ilustracje z katalogu wg zaznaczonych opcji (autoskalowanie i znaki wodne)
- Przetwarzanie nowych obrazków umieszczonych w katalogu oryginałów - opcja użyteczna gdy chcemy ilustracje umieścić za pośrednictwem protokołu FTP - do katalogu w którym wcześniej znalazły się przeskalowane ilustracje. Należy wówczas pliki umieścić w podkatalogu _orginal a następnie użyć tej opcji - dzięki temu system będzie przetwarzał tylko nowo dodane obrazki
- Tylko generuj miniatury (dla katalogu) - opcja generuje tylko miniatury - nie modyfikując wersji bazowej i powiększenia
Rozmiary ilustracji i powiększenia
Rozmiary ilustracji i powiększenia definiuje się w opcji "Ustawienia systemu" z menu Ustawienia w zakładce ilustracje. W pierwszej kolumnie wpisujemy docelowy rozmiar w drugiej nazwę opisową. Standard zapisu
- [szerokość]x[wysokość] - (małe "x" w środku) - parametry [szerokość] i [wysokość] określają maksymalny rozmiar ilustracji - obrazek nie zostanie skadrowany. Brak któregokolwiek z parametrów, np wysokości, oznacza, że obrazek zostanie przeskalowany tylko do zadanej szerokości - wysokość będzie zmniejszona proporcjonalnie. Brak obu parametrów oznacza nieskalowanie obrazka
- [szerokość]X[wysokość] - (duże "X" w środku) - parametry [szerokość] i [wysokość] określają ostateczny kadr ilustracji - obrazek zostanie skadrowany do zadanych rozmiarów - proporcje zostaną zachowane. Oba parametry są wymagane.
Miniatury
w Ustawieniach systemu można zdefiniować zmienne określające rozmiary miniatur:- miniSize (podkatalog: _ico)
- smallSize (podkatalog: _small)
- tinySize (podkatalog: _tiny)
- mediumSize (podkatalog: _medium)
- icoSize (podkatalog: _mini) - standardowo 92x69 - używane przez menadżer ilustracji
w katalogu "_mini" są miniatury używane przez system zdefiniowane zmienną icoSize
zmienne te mogą przyjąć:
- jedną wartość w formacie [width]x[height] lub [width]X[height] (typ zmiennej T)
- lub wiele wartości jako tablica asocjacyjna (hasz) (tym zmiennej H)
wówczas rozmiary definiuje się tak:
img/ => [width]x[height]
img/domy => [width]x[height]
- Duży X w środku oznacza kadrowananie do podanych rozmiarów
- mały x w środku oznacza rozmiary maksymalne
W szablonach miniatury danej ilustracji można wstawiać używając
modyfikatora smarty "foto"
np: jeśli zmienna fotka ma wartość: img/domy/domek.gif
to wyrażenie:
- {$item.fotka|foto:small}
- img/domy/_small/domek.gif
Edytor ilustracji
- Edytor ilustracji pozwala na edycję wersji podstawowej lub powiększenia - przełączanie pomiędzy wersjami odbywa się przy pomocy zakładek w górnej części okna. Do podglądu jest również wersja oryginalna ilustracji
- Kadrowanie i skalowanie obrazka - można wybrać z menu jeden ze zdefiniowanych rozmiarów lub dobrać skalę i kadr indywidualnie. Obrazek na obszarze roboczym można przesuwać oraz zmieniać rozmiar kadru przesuwając prawy dolny róg kadru. Zatwierdzanie zmian następuje po wciśnięciu guzika "Zatwierdź zmiany"
- Transformacje obrazka - zestaw opcji umożliwia odbicie lustrzane w pionie i w poziomie oraz obrót o dowolny kąt. Aby zobaczyć efekt zmian należy użyć guzika "Dokonaj transformacji"
- W przypadku nie udanej obróbki obrazka istnieje możliwość cofnięcia zmian, skopiowania powiększenia lub oryginalnej wersji - po wybraniu danej opcji wciskamy guzik "Wykonaj"
- Jeśli chcemy dokonać obrotu obrazka oraz pomniejszenia - należy w pierwszej kolejności wykonać obrót a dopiero po tym pomniejszenie - finalny efekt będzie lepszy
- Należy ograniczać liczbę transformacji tego samego obrazka - jeśli efekt przeskalowania / transformacji nas nie zadowala należy cofnąć operację [4] a następnie dokonać poprawki