Der ultimative Leitfaden für WordPress Image Management

El impacto visual es una de las características más importantes cuando se trata de un plan de marketing de InhaltEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, Plus impactante. Bienvenido a una nueva serie de publicaciones: la guía definitiva para la gestión de imágenes en WordPress.

Es wurde entwickelt, um Ihnen die unverzichtbaren Tools zur Verwaltung Ihrer Bildressourcen in WordPress zu bieten, darunter technische Optimierungen, SEO, CDN-Onboarding und Bibliotheksverwaltung. In diesem mehrteiligen Handbuch werden nur die Methoden, Tutorials, Plugins und Themen empfohlen, die wir ausprobiert haben oder die von Branchenexperten empfohlen werden.

Außerdem werden wir vermeiden, blind Plugins vorzuschlagen, die im WordPress-Repository eine hohe Verwendung haben. Vielmehr empfehlen wir diejenigen, die gut zwischen Wertinitiative und Leistungsoptimierung passen.

Sie fragen sich vielleicht, wie wir das machen würden. Über 24.000 Downloads unseres Total - Responsive Multipurpose WordPress-Themas auf ThemeForest sind möglicherweise kein guter Indikator.

Nun, wir haben die besten Blogs von branchenführenden WordPress-Hosting-Unternehmen (wie WPEngine und Pagely) und das habe ich gelernt Sie Dies wurde durch die Bereitstellung von Hunderten Millionen Seitenaufrufen von Hunderten hochkarätiger Kunden gelernt. Wir haben all diese Informationen für Sie in kleinen Absätzen und Aufzählungszeichen zusammengefasst, damit Sie online erfolgreich sind. Jetzt fangen wir an, sollen wir?

Tipps zur technischen und Leistungsoptimierung für WordPress-Images

In WordPress stehen einige Optionen zur Bildoptimierung zur Verfügung nein poner carga innecesaria en el ServerLos servidores son ordenadores centrales y potentes dentro del campo de la tecnología de la información que procesan y proporcionan software y archivos en una red. Desde el punto de vista de un cliente, varios ordenadores en una red pueden ponerse en contacto con el servidor central para conseguir la información solicitada. En la arquitectura cliente-servidor, el servidor puede ser un software que proporciona un servicio y se ejecuta en Plus web. Veremos algunos de los consejos de optimización de imágenes más comunes que todos sollte Folgen Sie zusammen mit einigen anderen, die zu besonderen Anlässen nützlich sind.

JPG oder PNG? Verwenden Sie das richtige Bildformat

El primer paso en la optimización de imágenes es un buen comienzo. Comentan que un trabajo bien comenzado está a medio hacer. Ese es precisamente el caso cuando se trata de optimización de imágenes en WordPress. Todo comienza con la elección del formato de imagen adecuado. JPG y PNG son los dos formatos de imagen más comunes utilizados en línea en el InhaltsvermarktungEl Marketing de contenidos es una técnica de Marketing que pretende generar un vínculo con clientes potenciales y clientes existentes sin demostrar intenciones de venta inmediatamente. El objetivo principal del Marketing de contenidos es crear una buena vinculación con los clientes. Además se utiliza para incrementar la popularidad, el desarrollo de la marca, el lanzamiento de nuevos productos y la creación de un fama de experto (Thought-Leadership). Funciones El Marketing Plus.

Der Trick besteht darin, zu verstehen, welches Format für jeden Bildtyp ausgewählt werden muss. Die Auswahl der falschen führt zu einer enormen Vergrößerung des Bildes. Das sind die Regeln.

Wann soll das PNG-Format verwendet werden?

Para imágenes planas, como vectores, ilustraciones, fuentes, logotipos, pancartas, formas, pancartas, etc., cualquier cosa que se cree en un formato vectorial como el formato EPS o Adobe IllustratorConcepto de Adobe Illustrator¿Qué es Adobe Illustrator?Adobe Illustrator es un software diseñado para realizar dibujos vectoriales. Es una herramienta que lleva más de 25 años en el mercado y es un programa de referencia dentro del diseño, y es la más utilizada para diseño gráfico, diseño web… etc. Junto con PhotoShop es la principal herramienta del actual Creative Cloud de Adobe y del Creative Suite del pasado.En las sucesivas actualizaciones Plus (.AI), use un PNG. Terminará obteniendo una imagen optimizada con una pérdida de calidad casi nula. Si utiliza un JPG para este caso, no comprometerá el tamaño, pero podría quedarse sin calidad. En realidad, a resoluciones más altas, el PNG sería más ligero sin pérdida de calidad. El JPG sufriría.

Nehmen Sie ihr Beispiel. Wir werden ein flaches Bild mit 5000px erstellen und es als JPG und PNG speichern.

Flaches Bild
JPG	233 KB
PNG	42 KB

Kurz gesagt, das JPG-Bild war bei gleicher Auflösung 455% höher als das PNG.

Wann soll das JPG-Format verwendet werden?

Para todo lo demás, use un JPG. Cualquier cosa que no sea una imagen plana o vectorial, use JPG. Fotos de PersonenLas personas son personalidades imaginarias que representan a un determinado grupo objetivo. En el marketing online, las personas ayudan a entender mejor a los usuarios de un portal web o a los clientes de una tienda online. Concepto de personas Para que las personas puedan ejercer su efecto positivo, deben ser lo más detalladas viable. Esto conlleva un término exhaustiva de los grupos destinatarios para conseguir datos empíricos. La próxima Plus, lugares, cosas, etc. – use JPG. Casi todas las fotos de archivo de esta categoría utilizan JPG. Si utiliza PNG en lugar de un JPG, se encontrará con algunos schwerwiegende Leistungsprobleme.

Sie müssen in diesem Fall sehr vorsichtig sein. Wenn Sie ein JPG anstelle eines PNG verwenden, entsteht nur wenig oder gar kein Schaden. Wenn Sie jedoch im Fall eines JPG ein blutiges PNG verwenden, schaffen Sie viel Raum für Schäden. Schauen Sie sich dieses Beispiel an.

Bereiten: Ich habe dieses Bild von Shutterstock heruntergeladen und herumgewogen 10,3 MB zu einer Auflösung von 6149 × 4562 – esencialmente una foto de archivo de 28MP. A menos que estemos preparando algo como un NutzerinformationConcepto de Folleto¿Qué es un Folleto?Un Folleto es un impreso, normalmente en papel, que contiene pocas hojas y que se usa con fines tanto divulgativos como publicitarios. En el campo del marketing se tiene en cuenta como un método de contacto directo y como un elemento sencillo con el que realizar promoción comercial para un producto o una compañía.Dada su simplicidad, permite realizar todo tipo de diseños con los que Plus listo para imprimir, no usaremos la resolución completa de la foto en nuestros blogs. Supongamos que tenemos un tamaño de imagen máximo fijo de nuestro BlogEl término blog se usa para describir un diario virtual en Internet. El autor de un blogger puede publicar posts sobre cualquier tema. Los posts suelen estar presente de forma cronológica. El estilo de redacción de un blog suele ser informal y se escribe en primera persona. No obstante, además son posibles otros estilos, por ejemplo en el caso de los periódicos online, en los que la atención se centra Plus von 1600px.

Erleben: Wir werden die Größe des Quellbildes auf 1600px ändern und erstellen vier Versionen - zwei für das PNG-Format und zwei für JPG. Für jedes Format (JPG / PNG) verwenden wir die (a) empfohlene Komprimierungseinstellung und (b) maximale Komprimierungseinstellung.

Ergebnisse: Hier sind die Ergebnisse in einer guten Grafik, der Sie folgen können:

Originalbild (KB)		10870
Zielauflösung		1600 px
Format	Konfigurationen	Größe (KB)	% abnehmend
JPG	Progressiv, Qualität = 85	231	98%
	Nicht progressiv, Qualität = 85	239	98%
PNG	Komprimierung = 0	5575	49%
	Komprimierung = 6	1852	83%
	Komprimierung = 9	1750	84%

Auf den ersten Blick könnte man denken, dass die 84%-Komprimierung von PNG ist gut genug im Vergleich zu 98% in JPG erreicht. Das stimmt überhaupt nicht. Wenn Sie sich die Größe der Bilder genauer ansehen, werden Sie feststellen, dass das PNG etwas mehr als 1,7 MB beträgt, während das JPG 0,22 MB beträgt. Was bedeutet, dass die PNG ist 8 mal schwerer als JPG Version des gleichen Bildes mit der gleichen Auflösung. Mit anderen Worten, bei gleichem Bild und gleicher Auflösung ist die JPG-Version 700% leichter als die PNG-Version.

Bei gleichem Bild und gleicher Auflösung ist die JPG-Version 700% leichter als die PNG-Version.

Verwenden Sie als allgemeine Richtlinie PNG für flache Bilder und JPG für alles andere.

Checkliste zum Hochladen von Fotos in Blogs

Hay toneladas de blogs donde los editores cargan de forma directa la versión de resolución completa de la imagen en sus publicaciones de blog. Aquí hay algunos consejos para subir fotos de archivo a blogs. Utilizo un SoftwareConcepto de Software¿Qué es el Software y cuál es su función?Un Software es la parte lógica, o más bien el soporte lógico, de cualquier sistema de tipo informático. Sea un PC, un teléfono teléfono celular o inclusive una tablet, es todo aquel programa que se ejecuta en él gracias a la coordinación de la parte física, es decir, el hardware, para llevar adelante alguna tarea concretamente o un recopilatorio de Plus sin costes llamado IrfanView que tiene muchas características increíbles. Te ilustraré cada uno.

1. Ändern Sie die Größe Ihres Bildes

Zunächst müssen Sie eine maximale Auflösung für alle Ihre Bilder auf Ihrer WordPress-Site auswählen. Jedes Bild über dieser Dimension würde sich in der Größe ändern, es sei denn, es ist deutlich kleiner.

IrfanView haben eine UmwandlungConversión es una acción precisa que lleva a cabo un usuario al visitar un portal web. Algunas formas clásica de conversión son, por ejemplo, una compra, una descarga o una suscripción a la newsletter. Un parte del SEO o del Marketing Online es la Optimización de Ratio de Conversión (CRO). En el Marketing de afiliación se usa para la conversión de los editores. Información general Hay diferentes indicadores para medir Plus por lotes Funktion (drücken Sie B nach dem Starten der App), die eine Liste von Funktionen auf eine Reihe von Bildern auf einmal anwenden kann. Für unsere Zwecke umfassen die Funktionen das Ändern der Größe, das Zuschneiden, das Hinzufügen eines Wasserzeichens usw.

2. Löschen Sie die EXIF-Daten

Die Fotos, die auf einer normalen Kamera angeklickt werden, haben viele MetadatenLos metadatos son datos estructurados que contienen información sobre una fuente como, por ejemplo, un libro o un documento web. Gracias a los metadatos resulta mucho más fácil hallar la fuente de información dado que contienen datos sobre el título, el autor, la fecha de publicación, la descripción, etc. Se utilizan en librerías pero además para la estadística y la ingeniería de software. Metadatos en WWW Los metadatos se utilizan Plus - das sind nichts weiter als kleine (aber nützliche) Informationen über das Bild. Beispiele für solche Informationen sind GPS-Koordinaten, auf die das Bild geklickt wurde, ISO-Einstellungen, Kameramodell usw.

Sofern wir uns nicht in einem Fotoblog befinden, möchten wir diese Informationen im Allgemeinen nicht im Bild eines Blogposts haben. Wenn Sie Bilder in IrfanView stapelweise speichern oder konvertieren, werden die EXIF-Daten normalerweise entfernt. Dies trägt zum Schutz Ihrer Privatsphäre bei, insbesondere Ihres physischen Standorts. Der Größenunterschied für die meisten Fotos beträgt ca. 200-300 KB pro Bild.

3. Speichern Sie als progressives JPG

Ein progressives JPG-Bild lädt das Bild Schicht für Schicht, wodurch die Ladezeit verkürzt wird. Inhaltsverteilungsnetzwerke wie KeyCDN wurden gestartet automatisch konvertieren JPG zu JPG progressiv, um die Bildübertragung zu beschleunigen und den Speicher optimal zu nutzen.

4. Stellen Sie die DPI auf 72 ein

DPI oder Punkte pro Zoll sind ein Maß für die Bildqualität. Für Medien wird eine hohe DPI-Einstellung verwendet. Für das Web ist ein Wert von 72 perfekt.

Zusammenfassend sind die folgenden Einstellungen zusammengefasst. Ich führe diese Funktion aus, nachdem ich alle Bilder für meinen Blog-Beitrag zusammengestellt habe, bevor ich die Bilder zu WordPress hochlade.

5. Optimieren Sie Ihre Bilder

Es spielt keine Rolle, ob Sie JPG oder PNG verwendet haben, Sie müssen das Beste aus Ihrem Bild herausholen. Es gibt viele wirklich erstaunliche Online-Tools, mit denen Sie Ihre Bilder optimal nutzen und eines speichern können Menge aus dem Weltall.

Ich spreche von Dienstleistungen wie TinyPNG oder TinyJPG, das Ihre PNG / JPG-Bilder mit einigen fortschrittlichen Algorithmen grundsätzlich optimiert.

Um ehrlich zu sein, weiß ich nicht, wie die Algorithmen funktionieren, aber sie funktionieren und ich konnte immer einen Rückgang von 50-70% erzielen, egal wie besser ich sie speichere.

Sie können auch die kaufen Pro-Version del servicio como un complemento de PhotoshopConcepto de Photoshop¿Qué es Photoshop?Photoshop es el nombre de una más que conocida herramienta de edición de imágenes y fotografía, un programa que se usa en ordenador para retocar fotos y hacer montajes de carácter profesional, aún cuando además alcanzable para usuarios que llevan poco tiempo experimentando en ese terreno.Con la innovación tecnológica de los últimos años, las empresas se han lanzado cada vez más a recurrir a este programa Plus por $ 50 USD. Están disponibles las versiones para Windows y Mac. Para mis propósitos, la versión en línea (junto con la In Dropbox speichern Funktion) funktioniert besser.

Bildoptimierungs-Plugins in WordPress

Bisher haben wir die Schritte gelernt, um zu bekommen gestartet Richtig. Was ist, wenn Sie jetzt auf diesen Beitrag gestoßen sind und bereits Tausende von Bildern hochgeladen haben? Nun, hier sind einige Plugins, die Ihnen dabei helfen sollen:

EWWW Cloud Image Optimizer

Dieses Plugin ist eine Abzweigung des Originals und sehr beliebt Bildoptimierer EWWW Stecker. Mit über 500.000 Downloads können Sie mit diesen Bildoptimierungs-Plugins Ihre Bilder beim Hochladen auf WordPress optimal nutzen.

Lo que lo distingue de la competencia es su capacidad para aprovechar al máximo las imágenes existentes en su base de datos, lo que resulta en un gran aumento de rendimiento. Además ahorra importantes costos de ancho de banda, dado que la mayor parte de su tráfico proviene de posts antiguos. Opcionalmente, además puede optar por habilitar la compresión de imágenes con pérdida (que apenas es visible a simple vista) pero puede ahorrar mucho espacio y ancho de banda. En términos de tecnología de optimización, puede utilizar TinyPNG o la APIConcepto de API¿Qué es una API?Una API, siglas de Application Programming Interface o Interfaz de Programación de Apps, es un recopilatorio de código que se puede emplear para que varias apps se comuniquen entre ellas. Es algo que realiza una tarea equivalente a la interfaz de usuario al momento de promover la interacción entre persona y programa, solo que aplicado única y exclusivamente dentro del entorno del software.Aún cuando suene Plus de TinyJPG para aprovechar al máximo imágenes nuevas y existentes.

Aber hier ist das Problem. Viele Hosts (einschließlich WPEngine) lassen das EWWW-Image-Optimierungs-Plug-In nicht zu, da es den Server zusätzlich stark belastet. Wenn Sie es irgendwie schaffen, die Einschränkungen des Servers zu umgehen, besteht die Gefahr, dass Ihr Konto aufgrund von Richtlinienverstößen gesperrt wird.

Hier ist die EWWW Cloud Optimizer Die Ergänzung kommt ins Spiel. Laden Sie alle Berechnungen herunter, die erforderlich sind, um die Bilder optimal zu nutzen, und ersetzen Sie die nicht optimierten Bilder durch die optimierten. Da für die Komprimierung praktisch keine CPU-Leistung verwendet wird, wird der Server nicht zusätzlich belastet. Dies gilt für alle neuen und vorhandenen Bildkonvertierungen auf Ihrer WordPress-Site.

Pläne und Preise: Es überrascht nicht, dass das Plugin kostenlos ist, da der Entwickler die Rechnungen für das Cloud Computing bezahlen muss. jedoch die Preise es extremadamente razonable y cuesta $ 9 USD por 3000 optimizaciones de imagen para una AbonnementConcepto de Suscripción¿Qué es una Suscripción?Una Suscripción es un concepto que se usa para definir al procedimiento por el que una persona/consumidor, acepta a recibir información de una empresa o un producto o servicio de forma periódica. Puede ser gratuita o de pago y puede traer consigo todo tipo de ventajas para dicho usuario, que muestra interés por lo que brinda la compañía.Las suscripciones gratuitas, por lo general, consisten en Plus prepaga.

Das EWWW Cloud Optimizer Plugin ist wunderschön gestaltet. Der Medienscanner zeigt Ihnen an, wie viele Bilder Sie vor dem Kauf optimal nutzen müssen. Basierend auf Ihren Server-Images können Sie einen relevanten Prepaid-Tarif kaufen.

TinyPNG WordPress Plugin

Dies ist ein weiteres großartiges Plugin zur Bildoptimierung, das direkt in den TinyPNG / JPG-Dienst integriert wird. Neue und vorhandene Bilder werden automatisch in die WordPress-Medienbibliothek hochgeladen. Dieses Add-On bietet einen kostenlosen Plan mit 100 Bildoptimierungen pro Monat.

Freddy hatte vor einiger Zeit eine Liste von Bildoptimierungs-Plugins zusammengestellt. Lesen Sie es, wenn Sie mehr darüber erfahren möchten.

Fazit

Esto nos lleva al final del primer PostConcepto de Post¿Qué es un Post?Un Post es todo aquel contenido, sea post, opinión, noticia u otro género, que un autor publica en un blog. Este puede ser de carácter corporativo o meramente ocioso; pero siempre tiene como meta arrojar información o reflejar una idea, al mismo tiempo de facilitar que los usuarios encuentren la web donde se recoge por medio de de buscadores y demás plataformas online.Generalmente, se han Plus de esta serie. En el próximo post, aprenderemos algunos consejos y trucos de optimización de imágenes menos conocidos, como prevenir links directos, conseguir imágenes de servidores remotos y similares. ¿Tiene algunos consejos debajo del gut anfangen Kategorie? Lass es uns in den Kommentaren unten wissen.