Zoptymalizowanie zdjęć Opcje

[feyenoorder]

Witajcie,
Przeskanowałem stronę pewnym narzędziem, który wskazał, co jeszcze wymaga poprawek. Jeden z glównych błędów/poprawek to taki:

(IMG:http://files.tinypic.pl/i/00547/1tj7jag1ep4m.png)

Pierwszy raz się z tym spotykam, więc będę wdzięczny za podpowiedzi, co mam zrobić z tymi zdjęciami

Ten post edytował feyenoorder 3.07.2014, 14:42:56

[Pyton_000]

Brakuje alt dla img, dodaj do nich np. tytuł zdjęcia

[feyenoorder]

Wytłumaczę nieco.

Mam system który: robię dane zdjęcie i jedynie dodaje je na stronie za pomocą Wybierz. Nic więcej nie mogę z tym zdjęciem zrobić w sumie. Jak ogólnie ten ALT się dodaje.

[Turson]

Alt jest atrybutem HTML dla <img>. Musisz zapewne zedytować kod wyświetlania zdjęć

[feyenoorder]

No cóż. Nie bardzo w plikach siedzę, więc będę musiał poprosić gdzieś o pomoc. Całkowicie nie mój temat niestety. Nie wiem gdzie, co i jak.

[Turson]

Przeszukaj folder z plikami pod kątem zawierania np.

[HTML] pobierz, plaintext 
<img
[HTML] pobierz, plaintext 

najlepiej w jakimś IDE, potem możesz dodać alt ręcznie

[feyenoorder]

W plikach mogę grzebać z widoku admina.

(IMG:http://files.tinypic.pl/i/00547/0c1bv2byjtdo.png) Przykład.
I tak np. w News/show mam kod:

Kod

<div id="subpage">
  <div id="open_news">
    <div class="graphic">{% if news.big_image %}<img src="public/upload/images/{{ news.big_image }}" alt="" />{% endif %}
      <div class="auth"><a href="users/profile/{{ news.user_slug }}"> Autor: {{ news.display_name }}</a><span>{{ news.created_at|date('d') }}.{{ news.created_at|date('m') }}.{{ news.created_at|date('Y') }}</span></div>
    </div>
    <h1>{{ news.title }}</h1>
    <h2>Foto: {{ news.image_text }} / Źródło: {{ news.source }}</h2>
    <p>{{ news.content }}</p>
  </div>
  {{ comments }}
</div>

Myślicie, że to odpowiada za to, gdzie trzeba wstawić ALT?

[Turson]

Kod

<img src="public/upload/images/{{ news.big_image }}" alt="" />

tutaj jest alt, ale pusty
Przeszukuj pliki właśnie pod takim kątem

Ten post edytował Turson 3.07.2014, 15:17:34

[feyenoorder]

Jeśli już znajdę, to co wtedy, tak na koniec?
Bo np. w news/index mam dwukrotnie <img src="public/upload/images/{{ n.big_image }}" alt="" />

Ten post edytował feyenoorder 3.07.2014, 15:22:28

[Turson]

Jeżeli zależy ci tylko na tym, żeby nie było błędów to dopisuj np. alt="Image"

[feyenoorder]

Czyli np. news/index mam dwukrotnie <img src="public/upload/images/{{ n.big_image }}" alt="Image" />
Dobrze rozumiem? I tak ze wszystkim co znajdę?

[Turson]

Tak, do każdego zdjęcia musisz dodać, wtedy walidator nie będzie krzyczał

[feyenoorder]

Super, dzięki wielkie za pomoc.