Storyline 360 – jak uniknąć rozmytych zdjęć i utraty jakości w kursie?

Storyline 360 – jak uniknąć rozmytych zdjęć i utraty jakości w kursie?

Spis treści

Jak poprawić jakość zdjęć i wideo w Storyline 360 – praktyczne wskazówki

Jeśli tworzysz kursy w Storyline 360, to pewnie znasz ten moment frustracji: wstawiasz świetnej jakości zdjęcie albo grafikę, wszystko wygląda dobrze w edytorze, a po publikacji… obraz jest rozmazany, jakby ktoś wrzucił na to blur (efekt rozmycia). Sam przez to przechodziłem. Zastanawiałem się, czy coś robię źle, czy może Storyline „sam z siebie” pogarsza jakość grafik i wideo.

Po kilku projektach i testach, zebrałem konkretne wskazówki, które naprawdę pomagają utrzymać dobrą jakość mediów w kursie – bez rozczarowań po publikacji. Na początek kilka informacji ze strony Articulate a na koniec nasz rada – kluczowa! Jeśli masz podobne doświadczenia, ten materiał jest właśnie dla Ciebie.

Co radzi producent programu:

1. Przygotowanie grafik i filmów – format i rozmiar mają znaczenie

Zgodnie z oficjalnym poradnikiem Articulate, najczęstszą przyczyną utraty jakości zdjęć i wideo w Storyline 360 jest nieodpowiedni rozmiar i format plików źródłowych. Oto kluczowe zasady:

  • Importuj materiały w rzeczywistym rozmiarze, który będzie używany na slajdzie – nie mniejszym. Jeśli obraz zostanie rozciągnięty (mały rozmiar przy imporcie a następnie powiększony), straci ostrość.
  • Używaj formatów bezstratnych: dla zdjęć najlepszy będzie PNG, a dla ilustracji wektorowych SVG (jeśli to możliwe).
  • Zachowaj proporcje projektu – skalowanie projektu w ustawieniach (np. 4:3 do 16:9) może sprawić, że tło lub grafika stracą na ostrości.

2. Ustawienia Storyline 360 – zwróć uwagę na kompresję

Storyline automatycznie kompresuje importowane pliki, co prowadzi do pogorszenia jakości.

Aby temu zapobiec:

  • Podczas eksportu projektu przejdź do „Publish” > „Quality” i przesuń suwaki Image Quality i Video Quality do poziomu „Very High
  • Jeśli korzystasz z funkcji grafika jako obrazu tła, rozważ ręczne ustawienie ich jako niekompresowane – opcja ta dostępna jest w niektórych wersjach eksportu.

3. Rozdzielczość projektu – ustaw ją na początku!

Nieodpowiednia rozdzielczość projektu może sprawić, że nawet dobrej jakości obraz tła będzie wyglądał nieostro.

Dlatego:

  • Ustaw rozdzielczość projektu tak, by odpowiadała docelowej rozdzielczości ekranu użytkowników lub większą.
  • Unikaj zmieniania rozmiaru ekranów na większe po dodaniu grafik – powiększenie może to je zniekształcić.

Proporcje rozdzielczości ekranu Storyline 360

Domyślnie Storyline 360 proponuje rozdzielczość 720 × 540 pikseli, czyli proporcje 4:3.
Dla ekranów o proporcjach 16:9, Storyline 360 automatycznie proponuje rozdzielczość: 960 × 540. Są to bardzo małe rozdzielczości! Po eksporcie kursu do HTML czy SCORM kurs zostanie przeskalowany do większej rozdzielczości, np.: do Full HD, czyli wysokości około 1000 px zatem niemal dwukrotnie większej niż ta, którą proponowało oprogramowanie – co spowoduje utratę jakości grafiki.

Jak Storyline skaluje dodane grafiki?

Nawet jeśli dodasz do projektu grafikę w bardzo wysokiej rozdzielczości, np. 3000×2000 pikseli, Storyline automatycznie przeskaluje ją do wysokości dopasowanej do rozmiaru ekranu.

Przykład:

Jeśli Twój projekt ma domyślną wysokość 540 pikseli (np. przy rozdzielczości 960×540, proporcje 16:9),to grafika zostanie przeskalowana do wysokości 540 pikseli, a szerokość zostanie dobrana proporcjonalnie. Nie ma sensu wstawiać zdjęć „na zapas” w gigantycznych rozdzielczościach – i tak zostaną one zmniejszone do wymiarów sceny.

Jeśli później ekran kursu w podglądzie/użytkowaniu zostanie przeskalowany do wyższej rozdzielczości (a zostanie), to utracisz ostrość, bo obraz był już zeskalowany do niższej jakości.

Rozwiązanie

Ustaw wysoką rozdzielczość kursu na starcie. Wtedy grafiki dodawane do ekranu zostaną dopasowane do wysokości ekranu (wysokiej rozdzielczości) i po publikacji nie stracą na jakości.

Podsumowanie – najlepsze praktyki

✅ Importuj obrazy w rzeczywistym rozmiarze i wysokiej rozdzielczości
✅ Używaj bezstratnych formatów graficznych (np. PNG)
✅ Wyłącz automatyczną kompresję obrazów i filmów
✅ Zwiększ jakość eksportu w ustawieniach „Publish”
✅ Dobierz rozdzielczość sceny do docelowego ekranu

Dbanie o wysoką jakość mediów w Storyline 360 to połączenie odpowiedniego przygotowania plików, znajomości ustawień programu oraz świadomego eksportu. Choć Storyline domyślnie stara się zoptymalizować zawartość pod kątem wydajności, to z pomocą powyższych wskazówek można osiągnąć satysfakcjonujący balans między jakością a płynnością działania kursu.

Porozmawiajmy

Masz pytania?

Zadzwoń a postaramy odpowiedzieć na wszystkie Twoje wątpliwości. Doradzimy czy program, platforma są dla Ciebie odpowiednie.

Polecane wpisy

Skontaktuj się z Nami!

Jesteśmy tutaj, aby Ci pomóc!
Wypełnij formularz, a wkrótce się z Tobą skontaktujemy.