Jak zmieniać rozmiar i przycinać zdjęcia na swojej stronie internetowej za pomocą Pixlr
Jak w końcu udało mi się zmienić rozmiar i przyciąć zdjęcia na potrzeby witryny za pomocą Pixelr
Szczerze mówiąc, sprawienie, by obrazy wyglądały przyzwoicie na stronie, może być prawdziwą męką, zwłaszcza jeśli próbujesz zrobić to szybko, bez żadnego wypasionego Photoshopa czy Lightrooma. Natknąłem się na Pixelr mniej więcej przypadkiem i okazało się to całkiem proste – choć nie bez dziwactw. Tak czy inaczej, oto, co w końcu zadziałało u mnie po wielu próbach i mam nadzieję, że pomoże komuś innemu, kto ma problem.
Najpierw otwórz Pixelr i załaduj swój obraz
Właśnie wszedłem na pixelr.com. To narzędzie internetowe, więc nie trzeba nic instalować – na szczęście – wystarczy otworzyć stronę, a na stronie głównej pojawi się opcja załadowania zdjęcia. Trochę mi zajęło znalezienie odpowiedniego przycisku – czasami jest to duża ikona „+”, czasami obszar „Upuść obraz tutaj”, w zależności od wersji – ale poszukaj opcji „Otwórz obraz”.Kliknij ją, a następnie wybierz plik. Pamiętaj, że interfejs może być chaotyczny lub nieco mylący, jeśli nie jesteś do niego przyzwyczajony. Cierpliwość jest tu kluczowa, ponieważ łatwo przeoczyć, że przycisk jest schowany, szczególnie w starszych przeglądarkach lub na mniejszych ekranach.
Zmiana rozmiaru obrazu na Twojej stronie internetowej
Gdy już Twoje zdjęcie jest w środku, będziesz chciał zmienić jego rozmiar, aby pasował do układu witryny. Przejdź do górnego paska menu, znajdź „Obraz”, a następnie wybierz „Rozmiar obrazu”. Tu się potknąłem — upewniłem się, że zaznaczono „Ogranicz proporcje” (lub może to być Zachowaj współczynnik proporcji ), ponieważ w przeciwnym razie Twoje zdjęcie będzie wyglądać zupełnie źle — rozciągnięte lub ściśnięte, a to nie jest dobre. Ustawiłem szerokość na 1000 pikseli; Pixelr automatycznie dostosowuje wysokość na podstawie współczynnika proporcji, co jest ogromną pomocą. Jeśli Twoje wymiary docelowe są inne, po prostu dostosuj szerokość lub wysokość później. Pamiętaj tylko, że taka zmiana rozmiaru zachowuje oryginalną jakość, więc niezależnie od tego, czy Twój obraz jest duży, czy mały, może to mieć znaczenie.
Wycinanie niechcianych części za pomocą narzędzia do przycinania
Czasami zmiana rozmiaru nie wystarczy, zwłaszcza jeśli chcesz skupić się na konkretnym fragmencie lub wyeliminować rozpraszające tła. Znalazłem więc narzędzie do przycinania na pasku bocznym po lewej stronie – wygląda jak mały kwadrat lub prostokąt z dwiema prostopadłymi liniami – i kliknąłem je. Następnie przeciągnąłem ramkę na część zdjęcia, którą chciałem zachować. Jest to dość uciążliwe, zwłaszcza jeśli próbujesz uzyskać idealny kwadrat lub określony współczynnik proporcji, ale z odrobiną praktyki da się to zrobić. Możesz zmieniać rozmiar lub przesuwać ramkę przycinania w razie potrzeby. Gdy będzie wyglądać dobrze, kliknij „Przytnij” u góry lub potwierdź – w zależności od tego, która opcja się pojawi – a ramka powinna przyciąć się i ustabilizować. Na początku wydaje się to trochę trudne, ale po kilku próbach nabierasz wprawy.
W razie potrzeby sprawdź i zmień rozmiar ponownie
Po przycięciu wracałem do „Rozmiaru obrazu”, aby upewnić się, że wszystko nadal pasuje do specyfikacji mojej witryny. Przycinanie może czasami zaburzyć proporcje lub sprawić, że obraz będzie wyglądał dziwnie, więc warto to sprawdzić. W razie potrzeby ponownie zmieniałem rozmiar – na przykład utrzymując szerokość na poziomie 1000 pikseli – aby obraz ładował się szybko, ale jednocześnie miał przyzwoitą jakość. Jeśli po zmianie rozmiaru obraz wygląda na pikselowaty lub rozmazany, rozważ obniżenie kompresji lub ponowne wyeksportowanie z innego edytora. Ogólnie rzecz biorąc, chodzi po prostu o znalezienie równowagi między rozmiarem, jakością i szybkością ładowania.
Na koniec zapisuję to dla sieci
Gdy będziesz zadowolony z wyglądu, przejdź do „Plik”, a następnie „Zapisz” lub „Eksportuj”. Otrzymasz opcje formatu — JPG lub PNG. W przypadku większości zdjęć JPG sprawdza się dobrze, a suwak jakości można ustawić na 80–90%, aby zachować rozmiar pliku, który jest łatwy do opanowania, ale jednocześnie zachować przyzwoitą przejrzystość. PNG jest lepszy, jeśli obraz wymaga przezroczystości lub ostrych linii, takich jak logo. Po wybraniu ustawień nadaj plikowi czytelną nazwę, aby można go było później znaleźć, i zapisz go w łatwym do zapamiętania miejscu — na przykład na pulpicie lub w folderze „obrazy”.Kliknij „Pobierz”, gdy pojawi się monit, i bum, oto Twój obraz gotowy do publikacji w Internecie. Zajęło mi to kilka prób, aby uzyskać idealny efekt, ale teraz mam całkiem solidny przepływ pracy.
Ogólnie rzecz biorąc, Pixelr to przyzwoite narzędzie, gdy już przyzwyczaisz się do jego funkcjonalności. Jest darmowy, działa bezpośrednio w przeglądarce i nie wymaga instalacji żadnego skomplikowanego oprogramowania. Szybkie edycje, takie jak zmiana rozmiaru i kadrowanie, oszczędzają sporo czasu. Szczerze mówiąc, zajęło mi to o wiele więcej czasu, niż chciałbym przyznać, zwłaszcza że interfejs na początku nie jest zbyt intuicyjny. Ale kiedy już wiedziałem, gdzie wszystko jest, tworzenie atrakcyjnych obrazów na stronę internetową stało się o wiele łatwiejsze i bezproblemowe.
Jeśli masz problemy ze swoimi obrazami, pamiętaj: dokładnie sprawdź wymiary, upewnij się, że opcja „Zachowaj proporcje” jest włączona podczas zmiany rozmiaru i starannie przytnij. Sprawdź również wyeksportowany obraz, aby uniknąć pikselizacji lub niskiej jakości online. Powodzenia — mam nadzieję, że to pomoże komuś zaoszczędzić kilka frustrujących godzin!
Powiązane artykuły
Czy ten artykuł był pomocny?