W przypadku treści hostowanych przez HubSpot domyślnie stosowana jest funkcja automatycznego dostosowywania rozmiaru obrazów. Dzięki temu obrazy są optymalizowane tak, aby pasowały do ekranu, na którym są wyświetlane, co może skrócić czas ładowania strony w przeglądarce i poprawić wynik w narzędziu Google PageSpeed.
Obrazy o automatycznie zmienionych rozmiarach
- Każdy obraz, dla którego w tagach `<img>` zdefiniowano atrybuty wysokości i szerokości, zostanie zmieniony.
- Obrazy, których wysokość lub szerokość przekracza 4096 pikseli, nie będą automatycznie skalowane.
Wyłączanie automatycznego zmiany rozmiaru obrazów
Możesz wyłączyć automatyczne skalowanie obrazów dla pojedynczego obrazu, dodając następujący parametr zapytania do adresu URL obrazu w kodzie HTML:
?noresize
Na przykład poniższy obraz zostanie przeskalowany na stronie, ponieważ atrybuty wysokości i szerokości są ustawione w tagu <img> w kodzie HTML:
<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg" height="500px" width="600px">
Aby wyłączyć automatyczne skalowanie obrazów, wystarczy dodać dodatkowy parametr ?noresize do adresu URL obrazu:
<img src="http://cdn2.hubspot.net/hub/211045/file-377800313-jpg/IMG_4134.jpg?noresize" height="500px" width="600px">
Ręczna zmiana rozmiaru obrazów
Aby ręcznie zmienić rozmiar obrazów w narzędziu do obsługi plików:
- Na koncie HubSpot kliknij Więcej, a następnie przejdź do Treść > Pliki. Jeśli opcja Więcej się nie pojawia, przejdź bezpośrednio do sekcji Treść > Pliki.
- Kliknij nazwę pliku.
- W prawym panelu, na dole, kliknij opcję „Klonuj i edytuj”. Następnie wybierz opcję „Przytnij i zmień rozmiar”. Ta opcja nie pojawi się, jeśli widoczność pliku obrazu została ustawiona na „Prywatna”.
- W lewym dolnym rogu kliknij opcję „Zmień rozmiar”. Następnie wprowadź szerokość i wysokość w pikselach.
- W prawym dolnym rogu kliknij „Zapisz nowy obraz”. Obraz o zmienionych wymiarach zostanie zapisany jako nowy plik.
.
Files
