Przejdź do treści
HubSpot Baza wiedzy
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Wykorzystaj zdjęcia w treściach HubSpot

Data ostatniej aktualizacji: 30 października 2026

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Dodawaj obrazy do modułów tekstu sformatowanego lub modułów obrazów w treściach HubSpot. Moduły tekstu sformatowanego obsługują wiele rodzajów treści (obrazy, tekst, wezwania do działania itp.), natomiast każdy moduł obrazu może zawierać tylko jeden obraz.

Dodawanie obrazów do treści

Wymagane uprawnienia Aby przesłać nowy obraz, wymagane są uprawnienia do edycji plików.

Uwaga: do wiadomości e-mailowych o charakterze marketingowym można dodawać wyłącznie pliki graficzne w formatach .png, .ico, .bmp, .jpg i .gif.

  • Aby dodać obraz na stronie, w poście lub artykule: 
    • Moduł tekstu sformatowanego:kliknij moduł tekstu sformatowanego, a następnie kliknijikonę „wstawobraz”napasku narzędzi tekstu sformatowanego.
    • Moduł obrazu:kliknijmoduł obrazu, a następnie kliknij opcję „Zastąp” wedytorze paska bocznego nad obrazem zastępczym. 
  • Wybierz obraz: 
    • Aby wstawić istniejący obraz, kliknij obraz w prawym panelu.
    • Aby przesłać nowy obraz z komputera lub za pomocą adresu URL pliku, kliknij opcję Dodaj obraz w prawym panelu. Aby utworzyć nowy obraz za pomocą narzędzi edycyjnych Canva, kliknij opcję Projektuj z Canva. Następnie kliknij obraz, aby go wstawić.
  • Przed wstawieniem obrazu możesz zoptymalizować go pod kątem czasu ładowania lub rozdzielczości. W prawym panelu najedź kursorem na obraz i kliknij opcję „Szczegóły”.
  • Następnie kliknijmenu rozwijane „Optymalizacja obrazu”i wybierzopcję optymalizacji: 
    • Wysoka: obraz będzie ładowany w wyższej rozdzielczości, ale czas ładowania ulegnie wydłużeniu.
    • Domyślna: obraz zostanie zoptymalizowany zarówno pod kątem rozdzielczości, jak i czasu ładowania.
    • Niska: obraz będzie ładowany w niższej rozdzielczości, ale czas ładowania ulegnie skróceniu. Dowiedz się więcej o optymalizacji stron pod kątem czasu ładowania w naszej dokumentacji dla programistów. 
       
KB - Image Optimization

Edytuj obrazy

Po dodaniu obrazu do treści możesz edytować jego rozmiar, dodać tekst alternatywny, dodać link lub ustawić sposób jego ładowania.

Edytuj obraz w module tekstu sformatowanego 

  • Przejdź do treści:

  • Kliknij nazwę treści. 
  • W edytorze treści kliknij obraz, aby wyświetlić pasek narzędzi do edycji obrazu.
  • Edytuj obraz: 
    • Aby dostosować sposób zawijania tekstu wokół obrazu, kliknij ikony wyrównania w tekście. 
    • Aby dostosować rozmiar obrazu, kliknij strzałki szerokości i wysokości lub wprowadź wartość w pikselach. 
    • Aby dostosować odstępy wokół obrazu, kliknij menu rozwijane „Odstępy” , a następnie wprowadź wartości w pikselach wokół krawędzi ikony obrazu.
  • Aby usunąć obraz z modułu tekstu sformatowanego, kliknij obraz, a następnie kliknijikonę kosza. 
  • Aby zastąpić obraz w module tekstu sformatowanego, kliknij obraz, a następnie kliknijikonę „Zastąp” i dodaj nowy obraz.
edit-image-in-rich-text-module
  • Aby utworzyć link do obrazu, dodać tekst alternatywny lub ustawić sposób ładowania, kliknij obraz, a następnie kliknij ikonę ołówka „Edytuj”:
    • Aby dodać link do obrazu, kliknijmenu rozwijane „Link do”w wyskakującym okienku i wybierz kategorię linku. W polu poniżej wprowadźadres docelowy linku. Dowiedz się więcej o różnych typach linków.
    • W polu „Tekst alternatywny” wpisztekst opisujący obraz dla wyszukiwarek i czytników ekranu. Tekst alternatywny można również dodać do obrazów w narzędziu do obsługi plików. Dodanietekstu alternatywnego poprawi dostępność i pozycjonowanie Twojej witryny. Dowiedz się więcej o dostępności stron internetowych w naszej dokumentacji dla programistów. 

Uwaga: dodanie tekstu alternatywnego do obrazu nie powoduje dodania tekstu tytułu. Tekst alternatywny wpływa na pozycję w wynikach wyszukiwania i dostępność, natomiast tekst tytułu pojawia się, gdy użytkownik najeżdża kursorem na obraz. 

  • Aby ustawić sposób ładowania obrazu i dostosować typ linku do obrazu dla wyszukiwarek, kliknij „Zaawansowane”. 
    • Aby ustawić sposób ładowania obrazów, kliknij menurozwijane „Ładowanie obrazów” i wybierz jedną z opcji: 
      • Lazy: obrazzostanie załadowany dopiero wtedy, gdy użytkownik dotrze do tej części strony. Skraca to czas ładowania strony i poprawia pozycjonowanie w wyszukiwarkach. Domyślnie obrazy są ładowane z tym ustawieniem. 
      • Ustawienia domyślne przeglądarki:sposób ładowania obrazu zależy od ustawień przeglądarki użytkownika. 
      • Eager: obrazzostanie załadowany zaraz po załadowaniu strony. 
    • Aby dostosować typ linku do obrazu, w sekcji „Typ linku” wybierz jeden lub więcejatrybutów: 
      • Zwykły: tenlink nie jest sponsorowany. 
      • No follow:ten link nie jest powiązany z Twoją witryną.
      • Sponsorowany: tenlink jest linkiem sponsorowanym lub reklamą.
      • Treści generowane przez użytkowników: tenlink prowadzi do treści generowanych przez użytkowników, takich jak komentarz na blogu lub dyskusja na forum. 
  • KliknijZastosuj, aby zastosować zmiany do obrazu.

add-link-and-alt-text-to-rich-text-image

  • Aby opublikować zmiany, kliknij„Opublikuj” lub„Zaktualizuj” wprawym górnym rogu, a następnie kliknij „Opublikuj” lub„Zaktualizuj” woknie dialogowym. 

Edytowanie obrazu w module obrazu

  • Przejdź do treści:

  • Kliknij nazwę treści. 
  • W edytorze treści kliknij moduł obrazu. 
  • Aby usunąć bieżący obraz, kliknij opcję Usuńw sekcji Obraz na pasku bocznym edytora. Spowoduje to usunięcie bieżącego obrazu z modułu obrazu, ale nie spowoduje usunięcia samego modułu ze strony. 
  • Aby zastąpić bieżący obraz, kliknijopcję „Zastąp” w sekcji „Obraz” edytora paska bocznego, a następnie dodaj nowy obraz. 
  • W polu „Tekst alternatywny” wprowadźtekst opisujący obraz dla wyszukiwarek i czytników ekranu. Tekst alternatywny można również dodać do obrazów w narzędziu plików. Dodanietekstu alternatywnego poprawi dostępność i pozycjonowanie Twojej witryny. Dowiedz się więcej o dostępności stron internetowych w naszej dokumentacji dla programistów. 

Uwaga: dodanie tekstu alternatywnego do obrazu nie powoduje dodania tekstu tytułu. Tekst alternatywny wpływa na pozycję w wynikach wyszukiwania i dostępność, natomiast tekst tytułu pojawia się, gdy użytkownik najeżdża kursorem na obraz. 

replace-image

 


  • Aby ustawić rozmiar obrazu na różnych urządzeniach, kliknij menu rozwijane „Rozmiar” i wybierzopcję:
    • Dostosuj automatycznie:obraz zostanie przeskalowany tak, aby pasował do urządzenia, na którym jest wyświetlany. 
    • Dokładna wysokość i szerokość: obraz będzie wyświetlany w tym samym rozmiarze na wszystkich urządzeniach.
  • Aby ustawić limit rozmiaru obrazu, kliknij menu rozwijane „Maksymalny rozmiar ” i wybierzopcję „ ”: 
    • Oryginalny rozmiar obrazu: obraz nigdy nie będzie wyświetlany w rozmiarze większym niż jego rozmiar oryginalny. 
    • Niestandardowy: obraz nigdy nie będzie wyświetlany w rozmiarze większym niż określona szerokość i wysokość ustawione wodpowiednich polach. 
  • Aby ustawić sposób ładowania obrazu, kliknij menurozwijane „Ładowanie obrazu” i wybierz jedną z opcji: 
    • Domyślne ustawienia przeglądarki:sposób ładowania obrazu zależy od ustawień przeglądarki użytkownika. 
    • Natychmiastowe: obraz ładuje się tak szybko, jak to możliwe. 
  • Aby dodać link do obrazu, wprowadźadres docelowy wpolu„Link” (opcjonalnie). Zaznacz pole wyboru „Otwórz link w nowej karcie”, aby przekierować użytkownika do adresu docelowego w nowej karcie przeglądarki.
  • Aby opublikować zmiany, kliknij przycisk„Opublikuj” lub„Aktualizuj” wprawym górnym rogu.
     

set-image-size-and-loading-options

 
Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.
Spis treści Valikko

Powiązana treść

New call-to-action