El texto del PDF subido se ve borroso en mi blog

Creé una lista de precios en PDF para mis clientes de fotografía y se ve muy bien como PDF. Sin embargo, quería subirlo a mi blog como una imagen para el impacto visual.

Los pasos que tomé son:

  1. PDF importado en CS5. Las opciones que elegí son Suavizado, Resolución 300, Modo RGB, Profundidad de bits 16.
  2. Cambié el tamaño de la imagen a 920 píxeles para mi blog.
  3. Guardé para la web como png con la mejor calidad posible.
  4. Subí e inserté en una publicación de blog.

¡Extrañamente, en mi pantalla de vista previa, la imagen PNG se ve genial! Pero cuando lo veo en una página web, el texto está bastante borroso y se ve terrible. Además, hay un enlace directo en la parte inferior de la publicación al PDF y se ve muy bien.

Me encantaría cualquier consejo que tengas sobre cómo subir imágenes con texto a la web. Realmente no quiero volver a crear la información en mi PDF en una imagen real, pero tal vez eso es lo que necesito hacer... Gracias de antemano por su ayuda.

Entonces, ¿Antes de subir se ve bien? A mí me parece que wordpress cambió el tamaño de la imagen cuando la subiste.
por cierto, es a la carta, no a la carta. :)
@amber prior Su sitio web ha sido pirateado. Hay un javascript ofuscado en la parte inferior de la página que intenta atacar a cualquier visitante. He desactivado el enlace. Cuando haya solucionado el problema, puede editar la pregunta para restaurarla.
@Lauren Ipsum, gracias por el consejo sobre a la carta. ¿Dónde lo ves sin el apóstrofe? Pensé que había cambiado todo. :) \@Alan, ¡Dios mío, lo siento! Gracias por llamarme la atención. Sabes como puedo quitarlo? Wordpress me frustra por completo con las imágenes (¡y los trucos aparentemente!) Estoy listo para encontrar otra plataforma. ¡Gracias a todos por vuestra ayuda! :)
@e100, ¿cómo evito que se escale la imagen?
Cuando dice "mi pantalla de vista previa", ¿se refiere a la vista previa de Guardar para Web en Photoshop? Si es así, ¿está seguro de que está en la pestaña "Optimizado" y no en "Original"?
@AmberPrior: no es un apóstrofe; es una tumba de acento. :) En su segunda página de precios, en el marco de la izquierda inmediatamente debajo de Impresiones y precios, dice Impresiones a la carta . La traducción de à la carte es "en el carro", que significa "uno a la vez". Entonces es "à" en " la" la "carte".
Gracias Lauren. Recuerdo algo al respecto en la clase de francés pero agradezco su ayuda. Espero tenerlo ahora mismo. :)
@Farray: me refiero a la pantalla de vista previa de mi publicación de blog. :) Siempre guardo para la web en PS. Por lo general, veo las opciones en una vista de 4 en 1 para poder comparar la calidad, pero creo que todavía está optimizado.
Wow gracias a todos por su ayuda!! No estoy seguro de por qué, ¡pero 911 píxeles parece ser el truco! Además, me aseguré de estar en la pantalla "optimizada" en Guardar para Web y dispositivos. Gracias gracias por todos tus consejos. :)
@amberprior Me alegra saber que el problema se resolvió. StackExchange no funciona como un foro tradicional, está realmente orientado a las preguntas y respuestas. Con ese fin, le animamos a que vote a favor de las respuestas que le ayudaron y haga clic en la marca de verificación junto a la publicación que respondió a su pregunta. diseño gráfico.stackexchange.com/faq#reputation
@Lauren Ipsum: ¿En el carro? Se traduce como "según el menú", pero sí, se refiere a elementos ordenados individualmente, en lugar de un conjunto fijo.
@ e100: Sí, tiene razón: el "pedido individual" es lo que buscaba. Me concentré demasiado en el acento y me perdí la traducción. :)

Respuestas (3)

No creo que necesite recrear la información en su PDF en una imagen real. Intente guardar su png/jpg de su lista de precios, etc. como 911 píxeles de ancho. También puede intentar guardarlo/ellos con una resolución de 72.

¿Por qué 911 píxeles? Sólo curioso. :)
@amberprior: el área de contenido de su sitio tiene 915 píxeles de ancho, por lo que cualquier cosa menor que eso debería funcionar.
Guess WP en sí mismo, o el tema particular que se utiliza, escala las imágenes más allá del área de contenido.

Parece que la imagen está bien, pero se está escalando hacia arriba o hacia abajo ligeramente en la página web.

Debería poder confirmar esto comparando la imagen que se muestra en la página con la imagen sola (Firefox: haga clic con el botón derecho en la imagen en la página > Ver imagen; de lo contrario, obtenga la URL de la imagen en la barra de direcciones del navegador).

Si la imagen desnuda se ve bien, ese es el problema.

¿Comprobó para asegurarse de que su navegador no está ampliado? Asegúrese de que no sea un problema solo con su sistema.

Otro tema a investigar es el ajuste de píxeles y los métodos de suavizado para texto.