{"id":1389,"date":"2017-04-02T16:32:24","date_gmt":"2017-04-02T21:32:24","guid":{"rendered":"https:\/\/e-lexia.com\/blog\/?p=1389"},"modified":"2024-11-01T11:38:41","modified_gmt":"2024-11-01T16:38:41","slug":"convertir-imagen-a-facebook-360","status":"publish","type":"post","link":"https:\/\/e-lexia.com\/blog\/convertir-imagen-a-facebook-360\/","title":{"rendered":"Convertir imagen a Facebook 360"},"content":{"rendered":"<p>Continuando con las recomendaciones y los tutoriales sobre producci\u00f3n de contenidos digitales, dedico esta entrada para compartir el procedimiento que permite que una imagen plana se visualice en el reproductor de im\u00e1genes 360 de Facebook.<\/p>\n<p>Cabe aclarar que en ning\u00fan momento la imagen se convierte en una captura panor\u00e1mica. El procedimiento que aqu\u00ed se explica busca forzar a Facebook para que visualice el recurso como si fuese 360. Solo eso.<\/p>\n<p>Ahora, si el objetivo es crear una imagen en 360 grados, quiz\u00e1s la entrada &#8216;<a href=\"http:\/\/e-lexia.com\/blog\/insertar-imagen-360-vr-en-tu-web\/\">Insertar imagen 360 VR en tu web<\/a>&#8216; pueda ofrecerle algunas orientaciones al respecto.<\/p>\n<p>Para llevar a feliz t\u00e9rmino el procedimiento es necesario tener <em>Adobe Photoshop<\/em>\u00a0en el equipo de edici\u00f3n y <a href=\"http:\/\/e-lexia.com\/testing\/resources\/create-360-image.xmp\" download rel=\"nofollow\">un archivo XMP<\/a>.<\/p>\n<p><!-- Google Adsense --><\/p>\n<div class=\"adsense\">\n  <script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-7923590131153633\" crossorigin=\"anonymous\"><\/script><br \/>\n  <ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-7923590131153633\" data-ad-slot=\"5345374831\"><\/ins><br \/>\n  <script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>\n<\/div>\n<h2>Ajustando el lienzo<\/h2>\n<p>Al iniciar <em>PhotoShop<\/em>, el primer paso es crear un lienzo que conserve una proporci\u00f3n de dos a uno (2:1), es decir, el ancho de la imagen debe ser el doble de su altura. Las medidas recomendadas son 10.000 pixeles de ancho por 5.000 pixeles de alto.<\/p>\n<p>En lo que respecta a la resoluci\u00f3n, por tratarse de una imagen web, 72 por puntos pulgadas (dpi) son suficientes. Y el modo de color, RGB.<\/p>\n<h2>Colocando la imagen<\/h2>\n<p>Una vez lista el \u00e1rea de trabajo, el siguiente paso es traer la imagen a <em>Photoshop<\/em>. Para ello utilice la opci\u00f3n \u00ab<em>Colocar<\/em>\u00ab, que est\u00e1 sobre el men\u00fa \u00ab<em>Archivo<\/em>\u00ab.<\/p>\n<p>Tenga presente que la imagen importada debe guardar la misma proporci\u00f3n de dos a uno. En caso de requerirlo, utilice la herramienta \u00ab<em>Recorte<\/em>\u00bb o \u00ab<em>Escala<\/em>\u00bb para ajustarla al lienzo.<\/p>\n<p>Aunque puede dejar espacios en blancos, es aconsejable ajustar la imagen a todo el lienzo.<\/p>\n<h2>Cambiar metadatos<\/h2>\n<p>En este paso se requiere el <a href=\"http:\/\/e-lexia.com\/testing\/resources\/create-360-image.xmp\" download rel=\"nofollow\">archivo XMP<\/a> antes mencionado, pues es el que entrega la nueva informaci\u00f3n a la imagen y le exige a Facebook su visualizaci\u00f3n en 360.<\/p>\n<p>Para ello se ingresa a \u00ab<em>Informaci\u00f3n del archivo<\/em>\u00ab, desde el men\u00fa \u00ab<em>Archivo<\/em>\u00ab. Luego, en la opci\u00f3n \u00ab<em>Plantilla<\/em>\u00bb se importan los metadatos, alojados en el documento XMP.<\/p>\n<p>Luego, se aceptan los cambios y se guarda la imagen en formato <a href=\"https:\/\/e-lexia.com\/diccionario-tic\/jpg\/\" rel=\"noopener\" target=\"_blank\">JPG<\/a>, desde la opci\u00f3n \u00ab<em>Guardar c\u00f3mo<\/em>\u00ab.<\/p>\n<h2>Publicaci\u00f3n en Facebook<\/h2>\n<p>Por \u00faltimo, se genera una nueva publicaci\u00f3n en Facebook y se anexa la imagen (solamente ella). La plataforma social identifica los metadatos del documento JPG y habilita el reproductor especial.<\/p>\n<p>Para mayor claridad sobre el proceso, comparto un videotutorial sobre el proceso, disponible en <a href=\"https:\/\/www.youtube.com\/user\/juanca826?sub_confirmation=1\" target=\"_blank\" rel=\"noopener noreferrer\">mi canal de YouTube<\/a>.<\/p>\n<div class=\"marco-yt\">\n<div class=\"video-yt\">\n<iframe loading=\"lazy\" title=\"Transformar imagen a Facebook 360. F\u00e1cil y r\u00e1pido. Mayor impacto | [ERS]\" width=\"774\" height=\"435\" src=\"https:\/\/www.youtube.com\/embed\/z6mHG6M78qw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div>\n<\/div>\n<p class=\"youtube-video\"><img decoding=\"async\" src=\"https:\/\/e-lexia.com\/blog\/wp-content\/logo-youtube.png\">En el <a href=\"https:\/\/www.youtube.com\/@escuela-digital?sub_confirmation=1\" target=\"_blank\" rel=\"noopener\">canal YouTube \u00abEscuela Digital\u00bb<\/a> puedes encontrar m\u00e1s videos sobre el tema.<\/p>\n<p>Espero que este instructivo sea de inter\u00e9s y te invito a dejar en los comentarios las aplicaciones que logres con \u00e9l.<\/p>\n<p><!-- ASESOR COMUNICATIVO --><\/p>\n<div class=\"destacado-asesor\">\n<div class=\"destacado-asesor__imagen\">\n    <a href=\"https:\/\/e-lexia.com\/contacto.html\"><br \/>\n      <img decoding=\"async\" src=\"https:\/\/e-lexia.com\/blog\/wp-content\/uploads\/2023\/01\/asesor-comunicativo-juancadotcom.png\" alt=\"Juan Carlos Morales S., asesor en comunicaci\u00f3n digital\"><br \/>\n    <\/a>\n   <\/div>\n<div class=\"destacado-asesor__desc\">\n<h2><a href=\"https:\/\/e-lexia.com\/contacto.html\">\u00bfNecesitas asesor\u00eda en comunicaci\u00f3n digital?<\/a><\/h2>\n<p>Dise\u00f1a y optimiza tus proyectos en comunicaci\u00f3n digital, entregando una mejor experiencia a tus usuarios y potenciando el valor de tu marca.<br \/>\n      <a class=\"cta-asesor\" href=\"https:\/\/e-lexia.com\/contacto.html\">Conversemos<\/a>\n     <\/p>\n<\/p><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Continuando con las recomendaciones y los tutoriales sobre producci\u00f3n de contenidos digitales, dedico esta entrada para compartir el procedimiento que permite que una imagen plana se visualice en el reproductor de im\u00e1genes 360 de Facebook. Cabe aclarar que en ning\u00fan momento la imagen se convierte en una captura panor\u00e1mica. El&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1568,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[15,66],"class_list":["post-1389","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-produccion-web","tag-facebook","tag-hipermedia","has-post-thumbnail-archive"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts\/1389","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/comments?post=1389"}],"version-history":[{"count":0,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/posts\/1389\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/media\/1568"}],"wp:attachment":[{"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/media?parent=1389"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/categories?post=1389"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/e-lexia.com\/blog\/wp-json\/wp\/v2\/tags?post=1389"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}