Preguntas Frecuentes - FAQ

¡Sí!

La mayoría de los dispositivos móviles, incluidos los de iOS (iPhone y iPad), así como algunos ordenadores (como el MacBook Pro Retina), admiten imágenes de alta resolución.

Una imagen de alta resolución (o Retina) tiene el doble de píxeles que una imagen normal, pero el mismo ancho y alto.

Esto significa que las imágenes pueden verse mucho más nítidas en estos dispositivos. EverWeb hace que sea muy fácil admitir dispositivos Retina o de alta resolución.

Cualquier imagen integrada en EverWeb se convierte automáticamente en un gráfico Retina. Así que, por ejemplo, si creas un botón o usas un degradado, EverWeb se encarga de que se vean de maravilla en los dispositivos de alta resolución, sin que tengas que hacer nada más.

Solo tienes que ocuparte de las imágenes que añades a tu sitio web. Para que tu sitio web use imágenes Retina, haz lo siguiente:

1) Necesitarás dos imágenes por cada imagen que añadas a EverWeb: una a tamaño normal y otra al doble de tamaño. Nota: no te limites a ampliar tu imagen de tamaño normal al doble. Eso anula el sentido de añadir gráficos Retina a tu sitio.

2) Tu imagen de doble tamaño debe llamarse:

[email protected]

Donde normal_image es igual que el nombre de tu imagen de tamaño normal y png es la misma extensión de archivo que la de tu imagen normal. La única diferencia es que, en tu imagen Retina, añades @2x antes de la extensión del archivo.

EJEMPLOS DE NOMBRES DE ARCHIVO

IMAGEN NORMAL: traveling.png
IMAGEN RETINA: [email protected]

IMAGEN NORMAL: myphoto.jpg
IMAGEN RETINA: [email protected]

3) Después, solo tienes que arrastrar las dos imágenes a la lista de Recursos de EverWeb. Cuando uses cualquiera de las dos imágenes en tu sitio, EverWeb generará tanto la versión normal como la Retina al publicar tu sitio web. Lo hace con un código CSS muy optimizado, de modo que el navegador de tu visitante solo descarga la imagen adecuada para su pantalla.