De <img> para image_tag

Uma linha de Links e imagens

A aula 4 de Links e imagens, sobre a anatomia do <img>, tratou de src, alt, width, height e loading, e no fim mostrou esta linha sem parar nela:

<%= image_tag "blue-tshirt.jpg", alt: "..." %>

Aquela aula disse que o image_tag "resolve o caminho pelo asset pipeline", o mesmo benefício que o stylesheet_link_tag deu ao CSS em Tags de metadados. Ela não explicou nenhuma das duas afirmações, de propósito: o trabalho dela eram os atributos, não o helper que escreve a tag.

O image_tag está para o como o link_to para o

Rails helpers: link_to pegou uma tag <a> com atributos já explicados e mostrou o link_to gerando-a a partir de Ruby. O image_tag faz o mesmo com o <img>. Todo atributo daqui, src, alt, width, height e loading, foi visto em Links e imagens. O significado não muda; só muda quem os escreve.

A forma deste curso

A aula 2 abre o image_tag, gerando uma tag <img src="..."> a partir de um nome de arquivo. A aula 3 explica o "resolve pelo asset pipeline": o nome com fingerprint que o Propshaft deste projeto produz. A aula 4 passa alt, width, height e loading pelo hash de opções, como o class: do link_to. A aula 5 olha de relance para onde as imagens deste projeto vão além, variantes do Active Storage, sem ensinar esse sistema. A aula 6 confere tudo ao vivo. A aula 7 mostra a forma completa do image_tag e olha para o form_with.