Keep in mind that for responsive images, like adaptive
layout that we learned about in the last few lessons,
we frequently will want to adapt the size of the
image, the layout size of the image, depending on how
much space we have. Sometimes we do that with
simple scaling, for example, here, on our conference app, we're
currently rescaling the speaker images depending on the layout size.
Sometimes though, we may actually want to switch between subjectively
different images too. For example, you might want to crop your subject
more closely when you don't have as much space to render the image.
Using images differently in terms of
art direction in different scenarios is part
of what makes these responsive images
rather then just scalable pixel ratio images.
Ten en cuenta eso
para las imágenes receptivas,
como el diseño adaptable del que
hablamos en las primeras lecciones.
Querremos adaptar el tamaño de la imagen,
dependiendo del espacio que tengamos.
A veces lo hacemos con escalas,
por ejemplo, aquí, en nuestra aplicación,
cambiamos las escalas de la imagen del
orador dependiendo del tamaño del diseño.
A veces podremos querer
intercambiar diferentes imágenes.
Por ejemplo, puede que quieras recortar
al sujeto cuando no tengas mucho espacio.
Usar imágenes de forma diferente
en cuanto a dirección artística
es parte de lo que hace
estas imágenes receptivas,
en lugar de solo imágenes
con píxeles expandibles.
最近学んだアダプティブレイアウトなど
レスポンシブ画像については
スペースの空き具合に画像のサイズや
レイアウトサイズを合わせたくなります
このカンファレンスアプリのように
話者の画像をレイアウトサイズに応じて
シンプルにスケールする時があります
主観的に異なる画像を切り替えたい時もあります
例えばあまり表示スペースがない場合には
画像を切り抜いてアップにしたくなります
様々な場面で芸術的な面から
画像を異なる方法で使うことは
レスポンシブ画像が単なるスケーラブル画像ではない
要因の一つです
Lembre-se de que para imagens responsivas,
como layouts adaptáveis
do tipo que aprendemos nas últimas lições,
nós frequentemente vamos querer
adaptar o tamanho da imagem,
o tamanho do layout da imagem,
dependendo de quanto espaço tivermos.
Algumas vezes fazemos isso
com escalamento simples,
por exemplo, aqui em nosso
aplicativo de conferência,
reescalamos as imagens do palestrante
dependendo do tamanho do layout.
Algumas vezes, entretanto,
podemos querer mudar entre imagens
subjetivamente diferentes também.
Por exemplo, você poderá querer
diminuir o conteúdo textual
quando não tiver muito espaço
para renderizar a imagem.
Usar imagens diferentes, em termos
de direção de arte,
em cenários diferentes,
faz parte de tornar
estas imagens responsivas
em vez de meras imagens reescaláveis
compostas por taxas de pixels.