{"id":592,"date":"2015-08-13T06:39:18","date_gmt":"2015-08-13T06:39:18","guid":{"rendered":"http:\/\/denayer.com\/blog\/?p=592"},"modified":"2024-01-05T10:19:44","modified_gmt":"2024-01-05T10:19:44","slug":"setimagesize","status":"publish","type":"page","link":"https:\/\/denayer.com\/blog\/setimagesize\/","title":{"rendered":"Google docs add-on to set image size"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; border_width_all=&#8221;3px&#8221; border_color_all=&#8221;#E09900&#8243; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;][et_pb_column _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; type=&#8221;4_4&#8243;][et_pb_text _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p style=\"text-align: center;\">this plugin is no longer maintained since image resize is now built into Google Docs.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; global_colors_info=&#8221;{}&#8221;]SetImageSize is a Google Docs Addon that allows you to precisely set the size of an image. You can install it from\u00a0<a href=\"https:\/\/workspace.google.com\/marketplace\/app\/setimagesize\/222949584385\">this page.<\/a>\u00a0I had fun creating it and am curious if it will be used&#8230;<\/p>\n<p>note: when I first created this Addon Google docs was not able to resize images. This feature has recently been added so maybe you want to try that first.<\/p>\n<p style=\"text-align: center;\"><img decoding=\"async\" class=\"size-full wp-image-599 aligncenter lazyload\" data-src=\"http:\/\/denayer.com\/blog\/wp-content\/uploads\/2015\/08\/ImageSizeIcon.png\" alt=\"ImageSizeIcon\" width=\"128\" height=\"128\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 128px; --smush-placeholder-aspect-ratio: 128\/128;\" \/><\/p>\n<h3>how to use (<a href=\"https:\/\/youtu.be\/Nl9XVqXIRyc\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a> is a video)<\/h3>\n<ul>\n<li>activate the add-on. You do this by selecting &#8220;Add-ons&#8221; on the top menu. Then select &#8220;SetImageSize&#8221;, then select &#8220;show sidebar&#8221;. You should now see the sidebar on the right.<\/li>\n<li>select an image in your document by clicking on the image. The image should be in bmp, gif, jpg or png format. The text flow of the image has to be set to &#8216;in-line&#8217;.<\/li>\n<li>retrieve the size of the selected image with the &#8220;Get size&#8221; button in the sidebar on the right.<\/li>\n<li>change the width &amp; height to your liking. You can set the size in pixels, inches &amp; cm.<\/li>\n<li>select &#8220;Apply&#8221; to set the new size.<\/li>\n<li>use the padlock icon to lock and unlock aspect ratio.<\/li>\n<li>the 1:1 button retrieves the size of the original image (as stored in the image).<\/li>\n<li>you can edit your own preferred shortcuts.<\/li>\n<\/ul>\n<h3>limitation<\/h3>\n<p>The add on works with bitmap images (bmp, gif, jpg, png) set to &#8216;inline&#8217; only (because of Google Docs API limitation). When you select an image in Docs you can indicate how the text flows around the image. The options are &#8216;In line&#8217;, &#8216;Wrap text&#8217; and &#8216;Break text&#8217;; only &#8216;In line&#8217; will work.<\/p>\n<h3><a href=\"http:\/\/denayer.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot-2018-10-05-at-15.03.35.png\"><img decoding=\"async\" class=\"size-medium wp-image-697 aligncenter lazyload\" data-src=\"http:\/\/denayer.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot-2018-10-05-at-15.03.35-300x100.png\" alt=\"\" width=\"300\" height=\"100\" data-srcset=\"https:\/\/denayer.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot-2018-10-05-at-15.03.35-300x100.png 300w, https:\/\/denayer.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot-2018-10-05-at-15.03.35.png 566w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/100;\" \/><\/a><\/h3>\n<h3>privacy policy<\/h3>\n<p>This add-on will only access the current document. It will not copy any document data anywhere outside of your document. Also no personal data is captured or stored.<\/p>\n<h3>terms of use<\/h3>\n<p>THE SOFTWARE IS PROVIDED &#8220;AS IS&#8221;, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\u00a0IMPLIED, INCLUDING BUT NOT LIMITED TO THE\u00a0WARRANTIES OF MERCHANTABILITY,\u00a0FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE<br \/>\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\u00a0LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\u00a0OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\u00a0SOFTWARE.<\/p>\n<h3>coding experience<\/h3>\n<p style=\"text-align: left;\">The programming took some getting used to. The scripts that manipulate the <a href=\"https:\/\/developers.google.com\/apps-script\/reference\/document\/\" target=\"_blank\" rel=\"noopener noreferrer\">document object model<\/a> actually run on the server and you need to use a call-back mechanism from the HTML in the browser (the sidebar) to the server-side script. Once that was clear the rest was pretty easy. I probably spent more time on the UI than on the server code. The reviewer gave quick and excellent feedback to make the add-on better. Pretty nice experience. Sometimes Google makes some breaking changes to the API (e.g. the security model), then it sometimes takes a bit of time for me to realise what is going on and find the time to fix it.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>this plugin is no longer maintained since image resize is now built into Google Docs.SetImageSize is a Google Docs Addon that allows you to precisely set the size of an image. You can install it from\u00a0this page.\u00a0I had fun creating it and am curious if it will be used&#8230; note: when I first created this [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"SetImageSize is a Google Docs Addon that allows you to precisely set the size of an image. You can install it from\u00a0<a href=\"https:\/\/workspace.google.com\/marketplace\/app\/setimagesize\/222949584385\">this page.<\/a>\u00a0I had fun creating it and am curious if it will be used...\n\nnote: when I first created this Addon Google docs was not able to resize images. This feature has recently been added so maybe you want to try that first.\n<p style=\"text-align: center;\"><img class=\" size-full wp-image-599 aligncenter\" src=\"http:\/\/denayer.com\/blog\/wp-content\/uploads\/2015\/08\/ImageSizeIcon.png\" alt=\"ImageSizeIcon\" width=\"128\" height=\"128\" \/><\/p>\n\n<h3>how to use (<a href=\"https:\/\/youtu.be\/Nl9XVqXIRyc\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a> is a video)<\/h3>\n<ul>\n \t<li>activate the add-on. You do this by selecting \"Add-ons\" on the top menu. Then select \"SetImageSize\", then select \"show sidebar\". You should now see the sidebar on the right.<\/li>\n \t<li>select an image in your document by clicking on the image. The image should be in bmp, gif, jpg or png format. The text flow of the image has to be set to 'in-line'.<\/li>\n \t<li>retrieve the size of the selected image with the \"Get size\" button in the sidebar on the right.<\/li>\n \t<li>change the width &amp; height to your liking. You can set the size in pixels, inches &amp; cm.<\/li>\n \t<li>select \"Apply\" to set the new size.<\/li>\n \t<li>use the padlock icon to lock and unlock aspect ratio.<\/li>\n \t<li>the 1:1 button retrieves the size of the original image (as stored in the image).<\/li>\n \t<li>you can edit your own preferred shortcuts.<\/li>\n<\/ul>\n<h3>limitation<\/h3>\nThe add on works with bitmap images (bmp, gif, jpg, png) set to 'inline' only (because of Google Docs API limitation). When you select an image in Docs you can indicate how the text flows around the image. The options are 'In line', 'Wrap text' and 'Break text'; only 'In line' will work.\n<h3><a href=\"http:\/\/denayer.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot-2018-10-05-at-15.03.35.png\"><img class=\"size-medium wp-image-697 aligncenter\" src=\"http:\/\/denayer.com\/blog\/wp-content\/uploads\/2018\/10\/Screenshot-2018-10-05-at-15.03.35-300x100.png\" alt=\"\" width=\"300\" height=\"100\" \/><\/a><\/h3>\n<h3>privacy policy<\/h3>\nThis add-on will only access the current document. It will not copy any document data anywhere outside of your document. Also no personal data is captured or stored.\n<h3>terms of use<\/h3>\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\u00a0IMPLIED, INCLUDING BUT NOT LIMITED TO THE\u00a0WARRANTIES OF MERCHANTABILITY,\u00a0FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\u00a0LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\u00a0OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\u00a0SOFTWARE.\n<h3>coding experience<\/h3>\n<p style=\"text-align: left;\">The programming took some getting used to. The scripts that manipulate the <a href=\"https:\/\/developers.google.com\/apps-script\/reference\/document\/\" target=\"_blank\" rel=\"noopener noreferrer\">document object model<\/a> actually run on the server and you need to use a call-back mechanism from the HTML in the browser (the sidebar) to the server-side script. Once that was clear the rest was pretty easy. I probably spent more time on the UI than on the server code. The reviewer gave quick and excellent feedback to make the add-on better. Pretty nice experience. Sometimes Google makes some breaking changes to the API (e.g. the security model), then it sometimes takes a bit of time for me to realise what is going on and find the time to fix it.<\/p>","_et_gb_content_width":"","footnotes":""},"class_list":["post-592","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/denayer.com\/blog\/wp-json\/wp\/v2\/pages\/592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/denayer.com\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/denayer.com\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/denayer.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/denayer.com\/blog\/wp-json\/wp\/v2\/comments?post=592"}],"version-history":[{"count":0,"href":"https:\/\/denayer.com\/blog\/wp-json\/wp\/v2\/pages\/592\/revisions"}],"wp:attachment":[{"href":"https:\/\/denayer.com\/blog\/wp-json\/wp\/v2\/media?parent=592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}