{"id":2178,"date":"2019-02-19T02:02:52","date_gmt":"2019-02-19T01:02:52","guid":{"rendered":"https:\/\/2019.madrid.wordcamp.org\/?post_type=wcb_session&#038;p=2178"},"modified":"2019-04-02T11:22:28","modified_gmt":"2019-04-02T09:22:28","slug":"deja-de-abusar-de-photoshop-trata-las-imagenes-con-css","status":"publish","type":"wcb_session","link":"https:\/\/madrid.wordcamp.org\/2019\/session\/deja-de-abusar-de-photoshop-trata-las-imagenes-con-css\/","title":{"rendered":"Deja de abusar de Photoshop: trata las im\u00e1genes con CSS"},"content":{"rendered":"\n<figure class=\"wp-block-image\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"640\" height=\"360\" data-attachment-id=\"3436\" data-permalink=\"https:\/\/madrid.wordcamp.org\/2019\/speaker\/ana-cirujano\/05-track-c-ana-cirujano\/\" data-orig-file=\"https:\/\/i0.wp.com\/madrid.wordcamp.org\/2019\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?fit=1920%2C1080&amp;ssl=1\" data-orig-size=\"1920,1080\" data-comments-opened=\"0\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;,&quot;orientation&quot;:&quot;0&quot;}\" data-image-title=\"05-track-c-ana-cirujano\" data-image-description=\"\" data-image-caption=\"\" data-medium-file=\"https:\/\/i0.wp.com\/madrid.wordcamp.org\/2019\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?fit=300%2C169&amp;ssl=1\" data-large-file=\"https:\/\/i0.wp.com\/madrid.wordcamp.org\/2019\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?fit=640%2C360&amp;ssl=1\" src=\"https:\/\/i0.wp.com\/2019.madrid.wordcamp.org\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?resize=640%2C360&#038;ssl=1\" alt=\"\" class=\"wp-image-3436\" srcset=\"https:\/\/i0.wp.com\/madrid.wordcamp.org\/2019\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?w=1920&amp;ssl=1 1920w, https:\/\/i0.wp.com\/madrid.wordcamp.org\/2019\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?resize=300%2C169&amp;ssl=1 300w, https:\/\/i0.wp.com\/madrid.wordcamp.org\/2019\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?resize=768%2C432&amp;ssl=1 768w, https:\/\/i0.wp.com\/madrid.wordcamp.org\/2019\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?resize=1024%2C576&amp;ssl=1 1024w, https:\/\/i0.wp.com\/madrid.wordcamp.org\/2019\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?resize=500%2C281&amp;ssl=1 500w, https:\/\/i0.wp.com\/madrid.wordcamp.org\/2019\/files\/2019\/04\/05-track-c-ana-cirujano.jpg?w=1280&amp;ssl=1 1280w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/><\/figure>\n\n\n\n<p><strong>Descripci\u00f3n:<\/strong> Si utilizamos Photoshop para tratar las im\u00e1genes antes de subirlas a nuestro WordPress, estaremos machacando las propiedades originales de la imagen y perderemos la oportunidad de realizar cambios posteriores o animaciones.&nbsp;<br><\/p>\n\n\n\n<p>Encajar y posicionar im\u00e1genes, filtros, recortes, colores, canales&#8230; Conociendo las propiedades CSS para tratar nuestras im\u00e1genes, podremos hacer r\u00e1pidamente los cambios que nos pide nuestro cliente o nosotros mismos y no tendremos que buscar en <em>vete-t\u00fa-a-saber-qu\u00e9-disco-duro<\/em>, d\u00f3nde est\u00e1 la foto original.<br><\/p>\n\n\n\n<p>Veremos en qu\u00e9 ocasiones se pueden utilizar programas de retoque fotogr\u00e1fico, cu\u00e1ndo es mejor hacerlo con c\u00f3digo y c\u00f3mo aplicar las propiedades CSS.<\/p>\n\n\n\n<p><strong>Qu\u00e9 van a aprender los asistentes:<\/strong>&nbsp;Aprender\u00e1n las propiedades CSS que se utilizan para el tratamiento de im\u00e1genes y c\u00f3mo aplicarlas en WordPress, teniendo en cuenta sus peculiaridades en la gesti\u00f3n de medios.&nbsp;<br><\/p>\n\n\n\n<p>Adem\u00e1s, comprender\u00e1n la importancia de no utilizar programas de retoque fotogr\u00e1fico \u2014como Photoshop\u2014, para manipular las im\u00e1genes, ya que utilizando CSS conservamos las propiedades originales y adem\u00e1s podemos realizar animaciones.&nbsp;<\/p>\n\n\n\n<p><strong>Nivel del asistente:<\/strong> Principiante<\/p>\n\n\n\n<p><strong>P\u00fablico objetivo:<\/strong>&nbsp;Dise\u00f1o, Desarrollo, Contenidos<br><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descripci\u00f3n: Si utilizamos Photoshop para tratar las im\u00e1genes antes de subirlas a nuestro WordPress, estaremos machacando las propiedades originales de la imagen y perderemos la oportunidad de realizar cambios posteriores o animaciones.&nbsp; Encajar y posicionar im\u00e1genes, filtros, recortes, colores, canales&#8230; Conociendo las propiedades CSS para tratar nuestras im\u00e1genes, podremos hacer r\u00e1pidamente los cambios que nos [&hellip;]<\/p>\n","protected":false},"author":15412659,"featured_media":0,"template":"","meta":{"jetpack_post_was_ever_published":false,"_wcpt_session_time":1554561600,"_wcpt_session_duration":3000,"_wcpt_session_type":"session","_wcpt_session_slides":"","_wcpt_session_video":"","_wcpt_speaker_id":[1881],"footnotes":""},"session_track":[909750],"session_category":[1260309,1260313],"class_list":["post-2178","wcb_session","type-wcb_session","status-publish","hentry","wcb_track-talleres","wcb_session_category-diseno-ux","wcb_session_category-principiante"],"jetpack_sharing_enabled":true,"session_date_time":{"date":"6 abril, 2019","time":"16:40"},"session_speakers":[{"id":"1881","slug":"ana-cirujano","name":"Ana Cirujano","link":"https:\/\/madrid.wordcamp.org\/2019\/speaker\/ana-cirujano\/"}],"session_cats_rendered":"Dise\u00f1o, Principiante","_links":{"self":[{"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/2178","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions"}],"about":[{"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/types\/wcb_session"}],"author":[{"embeddable":true,"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/users\/15412659"}],"version-history":[{"count":6,"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/2178\/revisions"}],"predecessor-version":[{"id":3569,"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/sessions\/2178\/revisions\/3569"}],"speakers":[{"embeddable":true,"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/speakers\/1881"}],"wp:attachment":[{"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/media?parent=2178"}],"wp:term":[{"taxonomy":"wcb_track","embeddable":true,"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_track?post=2178"},{"taxonomy":"wcb_session_category","embeddable":true,"href":"https:\/\/madrid.wordcamp.org\/2019\/wp-json\/wp\/v2\/session_category?post=2178"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}