{"id":21796,"date":"2021-06-21T18:58:10","date_gmt":"2021-06-21T21:58:10","guid":{"rendered":"https:\/\/king.host\/wiki\/?post_type=article&#038;p=21796"},"modified":"2021-06-21T19:00:54","modified_gmt":"2021-06-21T22:00:54","slug":"alterar-tamanho-imagem","status":"publish","type":"article","link":"https:\/\/king.host\/wiki\/artigo\/alterar-tamanho-imagem\/","title":{"rendered":"Alterar o tamanho de uma imagem"},"content":{"rendered":"\n<p><em>Precisa colocar uma imagem em sua assinatura mas ela \u00e9 muito grande e voc\u00ea n\u00e3o sabe como ajustar? Neste artigo vamos te orientar nessa simples edi\u00e7\u00e3o de imagem.<\/em><\/p>\n\n\n\n<p>\u00c0s vezes acabamos criando imagens para assinaturas ou logos, por exemplo, maiores do que o permitido no local onde precisamos inseri-las. Mas n\u00e3o se preocupe, aqui neste artigo vou te orientar em como ajustar suas imagem de 2 maneiras diferentes, para que voc\u00ea consiga ajustar suas imagens e adequar quando for inserir em uma <a href=\"https:\/\/king.host\/wiki\/artigo\/assinatura-no-roundcube\/\" target=\"_blank\" rel=\"noreferrer noopener\">assinatura no webmail<\/a> ou ent\u00e3o quiser utilizar sua imagem para inserir no <a href=\"https:\/\/king.host\/wiki\/artigo\/alterar-o-logo-do-webmail\/\" target=\"_blank\" rel=\"noreferrer noopener\">logo do seu webmail<\/a>, por exemplo.<\/p>\n\n\n\n<p>O site que vou utilizar \u00e9 como exemplo, mas o processo para ajuste seria basicamente o mesmo em qualquer site ou programa que voc\u00ea deseje utilizar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Imagem_para_assinatura_no_Webmail\"><\/span>Imagem para assinatura no Webmail<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Voc\u00ea deve clicar para acessar o site <a href=\"https:\/\/www.befunky.com\/pt\/criar\/\" target=\"_blank\" rel=\"noreferrer noopener\">BeFunky<\/a>. Logo ao abrir voc\u00ea ir\u00e1 clicar em &#8220;<strong>Abrir<\/strong>&#8221; -> &#8220;<strong>Computador<\/strong>&#8221; -> &#8220;<strong>Selecionar a imagem de sua prefer\u00eancia no computador<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-original=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-49.png\" alt=\"\" class=\"wp-image-21798\" v-on:click=\"toggle_modal\"\/><\/figure>\n\n\n\n<p>Ap\u00f3s isto, deve clicar em &#8220;<strong>Salvar<\/strong>&#8221; -> &#8220;<strong>Computador<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"394\" data-src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50-960x394.png\" alt=\"\" class=\"wp-image-21799 lazyload\" v-on:click=\"toggle_modal\" data-srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50-960x394.png 960w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50-300x123.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50-768x316.png 768w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50.png 1217w\" data-sizes=\"(max-width: 960px) 100vw, 960px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 960px; --smush-placeholder-aspect-ratio: 960\/394;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"960\" height=\"394\" src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50-960x394.png\" alt=\"\" class=\"wp-image-21799\" v-on:click=\"toggle_modal\" srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50-960x394.png 960w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50-300x123.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50-768x316.png 768w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-50.png 1217w\" sizes=\"(max-width: 960px) 100vw, 960px\" \/><\/noscript><\/figure>\n\n\n\n<p>Quando chegar na tela para salvar, voc\u00ea deve ajustar o tamanho para um <strong>inferior a 64KB<\/strong>, pois na assinatura da interface do RoundCube aceita no m\u00e1ximo 64KB. Na imagem abaixo j\u00e1 deixei salvo como 60KB, para garantir.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"640\" data-src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-53.png\" alt=\"\" class=\"wp-image-21802 lazyload\" v-on:click=\"toggle_modal\" data-srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-53.png 948w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-53-300x203.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-53-768x518.png 768w\" data-sizes=\"(max-width: 948px) 100vw, 948px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 948px; --smush-placeholder-aspect-ratio: 948\/640;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"640\" src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-53.png\" alt=\"\" class=\"wp-image-21802\" v-on:click=\"toggle_modal\" srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-53.png 948w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-53-300x203.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-53-768x518.png 768w\" sizes=\"(max-width: 948px) 100vw, 948px\" \/><\/noscript><\/figure>\n\n\n\n<p>Agora \u00e9 s\u00f3 clicar em &#8220;<strong>Salvar<\/strong>&#8221; para que a imagem fique salva em seu computador.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Imagem_para_logo_no_Webmail\"><\/span>Imagem para logo no Webmail<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Assim como explicado anteriormente, voc\u00ea deve primeiro clicar para acessar o site <a href=\"https:\/\/www.befunky.com\/pt\/criar\/\" target=\"_blank\" rel=\"noreferrer noopener\">BeFunky<\/a>, onde, em seguida, clicar em &#8220;<strong>Abrir<\/strong>&#8221; -> &#8220;<strong>Computador<\/strong>&#8221; -> &#8220;<strong>Selecionar a imagem de sua prefer\u00eancia no computador<\/strong>&#8220;, assim como mostra na imagem abaixo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-original=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-49.png\" alt=\"\" class=\"wp-image-21798\" v-on:click=\"toggle_modal\"\/><\/figure>\n\n\n\n<p>Agora no menu que ir\u00e1 aparecer no canto esquerdo, clique em &#8220;<strong>Redimensionar<\/strong>&#8220;<\/p>\n\n\n\n<p>Ap\u00f3s voc\u00ea vai ajustar para um tamanho inferior a 600x300px, para ficar de acordo com o tamanho m\u00e1ximo e poder enviar sua imagem para logo do webmail. Para que fique proporcional deixe selecionado o &#8220;Bloquear propor\u00e7\u00e3o&#8221; e em seguida, clique para &#8220;<strong>Salvar<\/strong>&#8221; escolhendo a op\u00e7\u00e3o &#8220;<strong>Computador<\/strong>&#8220;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"915\" height=\"504\" data-src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-52.png\" alt=\"\" class=\"wp-image-21801 lazyload\" v-on:click=\"toggle_modal\" data-srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-52.png 915w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-52-300x165.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-52-768x423.png 768w\" data-sizes=\"(max-width: 915px) 100vw, 915px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 915px; --smush-placeholder-aspect-ratio: 915\/504;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"915\" height=\"504\" src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-52.png\" alt=\"\" class=\"wp-image-21801\" v-on:click=\"toggle_modal\" srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-52.png 915w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-52-300x165.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-52-768x423.png 768w\" sizes=\"(max-width: 915px) 100vw, 915px\" \/><\/noscript><\/figure>\n\n\n\n<p>Por fim, clique em &#8220;<strong>Salvar<\/strong>&#8221; para que a imagem fique salva em seu computador.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"640\" data-src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-54.png\" alt=\"\" class=\"wp-image-21803 lazyload\" v-on:click=\"toggle_modal\" data-srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-54.png 948w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-54-300x203.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-54-768x518.png 768w\" data-sizes=\"(max-width: 948px) 100vw, 948px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 948px; --smush-placeholder-aspect-ratio: 948\/640;\" \/><noscript><img loading=\"lazy\" decoding=\"async\" width=\"948\" height=\"640\" src=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-54.png\" alt=\"\" class=\"wp-image-21803\" v-on:click=\"toggle_modal\" srcset=\"https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-54.png 948w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-54-300x203.png 300w, https:\/\/king.host\/wiki\/wp-content\/uploads\/2021\/06\/image-54-768x518.png 768w\" sizes=\"(max-width: 948px) 100vw, 948px\" \/><\/noscript><\/figure>\n\n\n\n<p>Espero que o tutorial acima tenha te ajudado a ajustar o tamanho de suas imagens de uma forma simples e f\u00e1cil. \ud83d\ude42<\/p>\n","protected":false},"author":9,"featured_media":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","article-category":[],"article-tag":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/21796"}],"collection":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/types\/article"}],"author":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/comments?post=21796"}],"version-history":[{"count":0,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article\/21796\/revisions"}],"wp:attachment":[{"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/media?parent=21796"}],"wp:term":[{"taxonomy":"article-category","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-category?post=21796"},{"taxonomy":"article-tag","embeddable":true,"href":"https:\/\/king.host\/wiki\/wp-json\/wp\/v2\/article-tag?post=21796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}