Tutorial: Cómo subir y crear imágenes destacadas mucho más rápido en Wordpress

ramonjosegn Seguir
Seguidores
14

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.515
Hola, supongo que os habrá pasado en más de una ocasión que tenéis que subir imágenes destacadas porque se han perdido, o porque tenéis redactados varios artículos y subís todos a la vez a Wordpress y luego tenéis que subir las imágenes destacadas y prepararlas para subir y hacerlo una por una, ingresando post por post es bastante lento ¿cierto?

Aquí os cuento mi manera de hacerlo, por supuesto no voy a decir que sea la única, pero a mí me ahorra bastante tiempo.

PREPARAR LAS IMÁGENES DESTACADAS RÁPIDO Y FÁCIL

Aunque personalmente muchos sabéis que prefiero usar Zoner Photo Studio PRO (han regalado varias versiones que he compartido en la zona de Herramientas), hay ocasiones en que el tiempo apremia y es necesario preparar las imágenes de forma rápida.

Lo podéis hacer con este programa

Trimto - Vieas Web
Trimto - Vieas Web

BAJAR LA VERSIÓN PORTABLE porque la versión de instalación al estar en chino da problemas en algunos sistemas operativos.

IMPORTANTE - ESTE PROGRAMA TIENE UN PEQUEÑO DEFECTO que descubrí hace poco Y ES QUE NO CAMBIA LA RESOLUCIÓN A 72 DPI, así que aseguraros que vuestras imágenes tienen esa resolución, por lo general las imágenes que se descargan para web la tienen pero siempre es mejor asegurarse.

Si queréis estar seguros de que la imagen queda a 72 DPI podéis usar Zoner Photo Studio o revisar una vez descargada con algún editor gráfico si la resolución es ya de por sí de 72 dpi. El tutorial está disponible en el siguiente enlace web http://forobeta.com/tutoriales-de-w...nes-destacadas-zoner-photo-studio-15-pro.html

Una vez tengáis el programa portable descargado debéis configurarlo.

Esta es la interfaz

imagenes-destacadas-velocidad-luz-001.jpg

Como podéis ver es bastante espartana, no hay muchos menús ni muchas opciones.




PASO 1 > CONFIGURAR EL PROGRAMA

Lo primero que debéis es seleccionar la opción de guardado de la imagen. Para web lo recomendable es lo siguiente:

- para fotografías usar siempre JPG
- para imágenes con zonas de color amplias, como logotipos, banderas, y similares, usar siempre GIF o PNG
- para imágenes con zonas de color amplias como logotipos, banderas pero con transparencia siempre es mejor usar PNG, no comprime mucho pero tiene transparencias suavizadas

imagenes-destacadas-velocidad-luz-002.jpg




PASO 2 > CONFIGURAR EL NIVEL DE COMPRESIÓN

A continuación es importante saber cuánto queréis comprimir vuestras imágenes. Esto es algo que es bastante subjetivo pues la idea es conseguir una buena compresión y al mismo tiempo evitar que las imágenes se vean dañadas.

Hacemos clic en donde dice OPTIONS

imagenes-destacadas-velocidad-luz-003.jpg

Si vamos a usar JPG seleccionamos las opciones de compresión:

imagenes-destacadas-velocidad-luz-004.jpg

QUALITY - El nivel de calidad, por lo general un nivel cercano a 80 dará unos resutados aceptables con imágenes que no se verán destrozadas
SAMPLING - Esto permite indicar cómo se rastreará la imagen para hacer la compresión, por lo general 4:1 es la mejor opción en este programa, pero si tenéis textos o líneas en vuestra imagen tendréis que probar otras opciones para evitar que se vean desenfocados
MAX FILESIZE - Si activáis esta opción podéis indicar el peso máximo para la imagen, por supuesto si lo bajáis mucho vais a obtener unas imágenes horribles dañadas. Para imágenes de 800x600 pixeles un valor cercano a los 60 kbs puede ser aceptable
PROGRESSIVE - Esta opción indica que el archivo JPG se cargará en varias fases, en lugar de esperar a que se cargue toda la imagen completa, hoy día con las velocidades de Internet apenas se aprecia pero siempre es recomendable mantenerlo activado para usuarios que tienen conexiones lentas
COPY EXIF - Si lo activas la información vieja de la imagen interna (fecha, tipo de cámara, etc) se va a mantener, esto añade algunos kbs a la imagen pero algunos programas necesitan esta información para mostrar miniaturas y otra información de la imagen




PASO 3 > CONFIGURAR EL ESCALADO Y OTRAS OPCIONES

En la misma ventana podemos escoger el tipo de "escalado" que hará el programa para cortar el pedazo de imagen que nos interese. Para fotos dejamos el que viene por defecto que es PIXEL AVERAGING, podemos también activar el enfoque con SHARPE EDGE pero esto añade algunos kbs a la imagen, así que tenéis que ver hasta qué punto sería necesario.


Para guardar la imagen podéis activar la opción AUTOSAVE de forma que la imagen se guardará automáticamente en una carpeta sin tener que pasar por el cuadro de diálogo para salvarla. En OUTPUT FOLDER Y EN SUBFOLDER podéis configurar dónde irán a guardarse las imágenes, personalmente me gusta tenerlas en una subcarpeta. En la sección final podemos añadir prefijos, sufijos, etc, al nombre del archivo final.

imagenes-destacadas-velocidad-luz-005.jpg

Una vez tengamos todo configurado a nuestro gusto hacemos clic en el botón CLOSE




PASO 4 > CONFIGURAR EL TAMAÑO DE SALIDA

Revisamos el tamaño que deben tener nuestras imágenes miniatura. Vamos a suponer que en mi caso mis miniaturas son de 800 x 445 pixeles.

Ingreso esta información en la parte superior de la ventana.

imagenes-destacadas-velocidad-luz-006.jpg




PASO 5 > DESCARGAR LA IMAGEN PARA USARLA

Voy a buscar una imagen gratuita en LIBRESTOCK un portal para descargar imágenes libres y usarla como imagen destacada.

Ingreso al portal y descargo esta imagen, como mi tamaño final es de 800 pixeles voy a bajar la que esté un poco por encima de ese tamaño para evitar manipulaciones exageradas sobre la imagen, en mi caso será la que dice M

https://pixabay.com/en/portrait-photography-girls-women-828398/

imagenes-destacadas-velocidad-luz-007.jpg

En mi caso me gusta abrirla con Irfanview y revisar que la resolución es de 72 dpi (y si no es así de una vez la cambio en Irfanview)

imagenes-destacadas-velocidad-luz-008.jpg

Esperemos que las próximas actualizaciones de TRIMTO corrijan este problema de los DPIs/resolución/PPP.

En mi caso podéis ver que la imagen está a 72 dpi, así que está correcta para usar en web.




PASO 6 > CORTAR LA IMAGEN

Abrimos la imagen dentro del programa

Arrastramos con el mouse para "pintar" sobre la imagen la parte que nos parezca de mayor interés, veréis que el cuadro se ajusta automáticamente al tamaño de 800x445 que habíamos designado

imagenes-destacadas-velocidad-luz-009.jpg




PASO 7 > ACEPTAR Y REVISAR

Hacemos clic en el botón que tiene una forma de círculo (OK, aceptar)

imagenes-destacadas-velocidad-luz-010.jpg

Si configuraste el programa para guardar en una subcarpeta allá habrá debería estar ahora tu imagen recortada y comprimida (sino debes guardarla donde consideres oportuno)

imagenes-destacadas-velocidad-luz-011.jpg

Reviso la imagen en IRFANVIEW para revisarla (o en tu editor gráfico favorito)

Como puedes ver mi imagen tiene ahora 800 x 445 pixeles y además se comprimió a un peso cercano al que yo había indicado - 55.42 kilobytes

imagenes-destacadas-velocidad-luz-012.jpg








SEGUNDA PARTE - SUBIENDO A WORPDRESS A LA VELOCIDAD DEL RAYO

ACELERAR LA SUBIDA UNA POR UNA

Si tenéis muchas imágenes destacadas por subir y queréis hacerlo una por una os recomiendo este plugin

WordPress › Drag & Drop Featured Image « WordPress Plugins -> https://wordpress.org/plugins/drag-drop-featured-image/

Sin embargo igualmente tendréis que seguir ingresando artículo por artículo - Sin embargo como podéis ver hace tiempo que no lo actualizan, había uno similar pero no sé si siga disponible.

ACELERAR LA SUBIDA A VARIOS ARTÍCULOS


Para evitarlo tenéis este par de plugins disponible que os permitem desde la vista RÁPIDA DE WORDPRESS subir vuestras miniaturas




WordPress › Featured Image Admin Thumb « WordPress Plugins -> https://wordpress.org/plugins/featured-image-admin-thumb-fiat/screenshots/

screenshot-1.jpg





WordPress › Easy Featured Images « WordPress Plugins -> https://wordpress.org/plugins/easy-featured-images/

screenshot-1.png





Haciendo clic en las miniaturas, sin salir del "resumen de entradas" podéis cambiar las imágenes o añadir nuevas imágenes destacadas.

Espero que os haya gustado.

Cualquier consulta se agradece que sea vía

Y ya sabéis que un "me gusta" siempre es bienvenido.
 
Última edición:

LuiggiC

Ómicron
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Feliz cumpleaños!
Desde
27 Jul 2014
Mensajes
4.542
[MENTION=1576]ramonjosegn[/MENTION] Gracias como siempre :panda:
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.515
[MENTION=1576]ramonjosegn[/MENTION] Gracias como siempre :panda:

De nada. La verdad es que es una lástima que el programa no tenga posibilidad de cambiar la resolución de las imágenes, intenté escribir al autor, pero no hay forma y mi "chino google translator" deja bastante que desear...

La otra opción es usar Zoner que sí permite cambiar resolución y tamaños, lamentablemente en las últimas versiones hay que hacer cada cosa por un lado, lo cual me parece que no es nada efectivo, yo sigo con una versión vieja por eso precisamente...
 

DM200

Iota
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
21 Mar 2012
Mensajes
2.490
muy buen tuto y bien explicado gracias
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.515
muy buen tuto y bien explicado gracias

De nada, a mí lo de tener todas las imágenes destacadas en el "resumen" de Wordpress me ahorra horas de trabajo, la primera vez que lo hice post por post (después de resubir un bakcup) casi me muero, la última vez con este sistema apenas me demoré 1 hora para unas 200 imágenes...
 

Carlos Arreola

Admin
Sigma
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Verificado por Binance
¡Excelente comerciante!
Suscripción a IA
Desde
6 Abr 2009
Mensajes
11.436
Gracias por el aporte.
 

zero777

Verificación en dos pasos desactivada
Desde
9 Jun 2013
Mensajes
2.975
Por favor, ten en cuenta 📝 que si deseas hacer un trato 🤝 con este usuario, está baneado 🔒.
gracias por el aporte
 

Ricky Pinto

Delta
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
5 Mar 2015
Mensajes
574
Buena herramienta, de esas pequeñas grandes maravillas que hay por ahi....
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.515
Buena herramienta, de esas pequeñas grandes maravillas que hay por ahi....

Sí, en la web del mismo autor hay otras herramientas similares, incluso en su día comenté sobre VarieDrop per ayer descubrí una mejor ya que sí permite establecer los DPI, se llama RALPHA, es de origen chino también pero tiene versión en inglés, en estos días armo un tutorial :)
 

Ricky Pinto

Delta
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
5 Mar 2015
Mensajes
574
Sí, en la web del mismo autor hay otras herramientas similares, incluso en su día comenté sobre VarieDrop per ayer descubrí una mejor ya que sí permite establecer los DPI, se llama RALPHA, es de origen chino también pero tiene versión en inglés, en estos días armo un tutorial :)

La estuve probando y va muy bien, una pregunta, hecho de menos que se pueda seleccionar un area arbitraria en la imagen, es decir, pintar lo que quiero guardar o toda la imagen sin importar la proporcion, ya que unicamente se puede guardar al tamaño que se haya establecido previamente en output, o simplemente reducir tamaño, no se si me explico, imagina que coloco una imagen de 1800x1200 y la quiero reducir a un ancho de 800, el alto deberia ser proporcional pero no sabemos de cuanto es, el programa no deja esa opcion automatica sino que hay que decirle cuanto queremosde alto... es asi o quiza no le encontre la forma, tu has probado esa parte?

Edito: probando de nuevo el programita, efectivamente creo que solo funciona si sabes el tamaño de salida que quieres, si no lo sabes no te da proporcion, lastima ese detallito, serviria para cualquier imagen y no solo miniaturas, igual esta muy bueno y reduce muy bien
 
Última edición:

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.515
Hola [MENTION=132199]Ricky16[/MENTION] al igual que no permite cambiar la resolución me temo que tampoco es posible elegir una zona arbitraria. Supongo que como casi todos los editores permiten esa opción el autor prefirió limitarse a las opciones básicas para corte.

En la web del autor hay más herramientas, no sé si alguna otra tiene el enfoque que pides. Personalmente para cosas más avanzadas sigo usando Zoner Photo que sí te permite recortar al tamaño que desees sin importar la proporción o sí proporcional y también te permite bajar la resolución sin salir del programa.

Estos días encontré casualmente Ralphia que permite ampliar/reducir teniendo en cuenta sólo un lado de la imagen pero se basa en arrastrar y soltar así que tampoco puedes seleccionar un área concreto, pienso que podrías probar Zoner Photo Studio (ojalá no la última versión que es muy mala). Creo que todavía se puede conseguir la PRO 15 por ahí...

También podrías usar IRFANVIEW Y ACTIVAR EL PLUGIN RIOT para comprimir la imagen... creo que es la mejor alternativa si quieres algo ligero, rápido y sencillo con buena compresión.
 

Ricky Pinto

Delta
Verificación en dos pasos desactivada
Verificado por Whatsapp
Desde
5 Mar 2015
Mensajes
574
[MENTION=1576]ramonjosegn[/MENTION] vale, yo lo probe preparando la imagen previamente en photoshop y mirando que proporcion me daria para ingresarla en el programilla, son mas pasos pero el resultado es muy pro, gran calidad y minimo tamaño, voy a probar zoner no lo he usado, no conocia el plugin de Irfan, Irfan es una maravilla :), sucede que estoy arrancando un proyecto web que se basa en imagenes, y esto de optimizar me tiene paranoico ya :encouragement:
 

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.515
Hace un par de días encontré RALPHA que como te comento se basa en arrastrar y soltar, permite cambiar la resolución (hay que desactivar en METADATA SETTINGS > KEEP RESOLUTION - automáticamente viene para 72 dpi, para mí suficiente, tengo un monitor grande y se ve de sobra), permite cambiar los tamaños y es muy similar a este programa del tutorial (de hecho el mismo autor de TrimTo tiene VARIEDROP que se parece muchísimo a RALPHA pero Ralphia tiene muchísimas más opciones, además tiene compresión inteligente, le puedes decir que comprima a 55 kbs pero si no lo consigue tendrá en cuenta el máximo y el mínimo establecido de %, esto mismo lo hace Zoner sólo que la configuración no es tan sencilla, Ralphia viene ya prácticamente configurado, voy casi de salida fuera de la ciudad pero en estos días hago un tutorial porque me parece que vale la pena).

Para Zoner escribí un tutorial hace tiempo, lo puedes ver acá [MENTION=132199]Ricky16[/MENTION]

Crear imágenes destacadas con Zoner Photo Studio 15 Pro
http://forobeta.com/tutoriales-de-w...nes-destacadas-zoner-photo-studio-15-pro.html

En aquel momento no había probado lo de la compresión inteligente, pero ahora siempre la uso desde que la descubrí... porque estoy manejando imágenes muy grandes y la compresión por defecto de 100kbs de Zoner se me queda enana, entonces le digo que de un 80% a un 100% mantenga la calidad y el verá qué hace.. pero ya te digo que me enamoré de este tal RALPHA:

Ralpha Image Resizer | ?????

Aunque el autor es japonés el software viene en inglés y en japonés.
 
Última edición:

ramonjosegn

Sigma
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
14 Feb 2010
Mensajes
69.515
[MENTION=1576]ramonjosegn[/MENTION] los probaré todos :encouragement:

Yo para imágenes destacadas cuando son pocas me voy con Zoner porque además me guarda el tamaño que necesito si quiero, lo único malo es que no cambia la configuración automáticamente (sólo recuerdo un programa que lo hacía y no recuerdo el nombre la verdad, era bastante maluco además), para comprimir estaba usando VarieDrop hasta que la semana pasada pude ver que algunas de mis imágenes pesaban una burrada... cuando revisé era porque VarieDrop cambia los tamaños pero no las resoluciones y algunas de mis imágenes están a 300 dpi... culpa mía por no revisar pero no me esperaba ese "problemita". En estos días me lanzaré a comprimir con RALPHA y para imágenes destacadas sueltas seguiré usando Zoner. Por desgracia la última versión de Zoner la quisieron hacer muy "minimalista" no hay barras de menús apenas, es muy complicado encontrar las herramientas, realmente se les fue la olla, muy bonito sí, pero funcional para nada... yo sigo usando la versión 17 PRO, si eso me envías un privado y te paso el archivo ya que no necesita número de serie ni nada, sólo es un ejecutable donde ingresas el correo y listo, queda como PRO. En el link del otro tutorial que te pasé está el link para bajar la versión 15 PRO, una versión muy buena, tiene opciones que después eliminaron (paranoias de los programadores), como por ejemplo escalar/cambiar resolución a la vez como en Photoshop, ahora tienes que hacer primero una cosa y luego otra... cada vez menos efectivo, lástima...
 

bahandur

Lambda
Verificación en dos pasos activada
Verificado por Whatsapp
¡Ha verificado su Paypal!
Desde
12 Ene 2012
Mensajes
2.969
Gracias por el tuto, la verdad es que la url de las fotos me ha venido muy bien
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba