Hay muchas cosas en juego aquí.
En Illustrator (o Photoshop o cualquier otro programa de edición de gráficos) cuando trabaja con fuentes, su fuente es una ilustración vectorial que puede escalar hacia arriba o hacia abajo y volverá a rasterizar a la resolución máxima que su pantalla puede ver. Photoshop es diferente porque cuando haces un zoom superior al 100% estás viendo cómo se ve la imagen según la resolución de píxeles del documento. Illustrator e InDesign mantendrán las fuentes nítidas.
Cuando guarda la exportación de Illustrator a JPG, o PNG para rasterizar permanentemente esa fuente dentro de esa imagen. Y solo se verá bien en el sitio web si se muestra con el mismo tamaño de píxel que se exportó. Si lo escala hacia arriba o hacia abajo, sufrirá porque la pantalla de gráficos intentará interpolarlo como una imagen.
Entonces, si su fuente se ve bien en Illustrator, después de exportarla a PNG o JPG, abra el archivo en Photoshop y mírelo allí al 100%. Debería verse bien, pero si no lo hace, eso significa que algunas configuraciones deben ajustarse durante la exportación. Sin embargo, si se ve igual de bien en Photoshop, pero borroso en su sitio web, entonces algo está sucediendo allí. (En realidad, Photoshop es mejor para crear imágenes usando fuentes, ya que tiene diferentes algoritmos para suavizar sus fuentes. Esto es realmente útil cuando se usan tamaños de fuente pequeños porque las diferentes fuentes se verán más o menos en diferentes tamaños dependiendo de la configuración que use. Puede experimenta hasta que encuentres el que más te guste).
- ¿Cuáles son algunos diseños antihumanos?
- ¿Por qué los arcos modernos se ven tan sofisticados cuando el diseño simple en sí mismo tuvo éxito durante tantos siglos?
- ¿Qué influencia tuvo el IBM Plaza de Ludwig Mies van der Rohe en el diseño industrial de las computadoras IBM?
- Estoy sin trabajo sin recibir llamadas para entrevistas de trabajo. Han pasado más de 2 años y ahora estoy perdiendo la esperanza. ¿Qué tengo que hacer?
- Cómo comercializar a diseñadores, autónomos, artistas y visualizadores
Si está utilizando algo como WordPress para administrar el contenido de su sitio web, su imagen debería verse igual de bien cuando la inserte en su administrador de contenido de fondo. Pero si lo coloca y luego decide escalarlo, comenzará a volverse borroso. Pero si se ve bien y presiona “vista previa” para mirar la página y se ve raro allí, entonces algo extraño está sucediendo con el tema que está utilizando o el navegador que está utilizando. Debería intentar abrir la página en varios navegadores de todos modos solo para asegurarse de que todo se vea bien en cada uno de ellos. Principalmente uso Chrome, pero cuando administro un sitio web lo miro en Firefox, Safari e Internet Explorer solo para asegurarme de que funciona correctamente. A veces se ve bien en tres pero no tan bueno en un cuarto. Eso es realmente frustrante.
Si está diseñando para la web, debería intentar utilizar fuentes que estén activas de todos modos. Simplemente no puede controlar si su página se escalará cuando se cargue. Debido a que las personas pueden verlo en cualquier cosa, desde una pequeña pantalla de teléfono inteligente hasta un gran monitor 4K, realmente desea que sus fuentes sean tan nítidas como los píxeles en la pantalla, y la única forma de asegurarse de eso es usar fuentes web estándar que todos tienen en su computadora, o usar fuentes web a través de un servicio como TypeKit o Cloud Typography.