All the secret codes for editing on Google Blogger images that prevent you from using programs

All the secret codes for editing on Google Blogger images that prevent you from using programs

 Hello


In this lesson, I will introduce you to secrets hidden in Google or Blogger image links that you can use to improve your blog speed and speed. There are small codes when you add them to a blogger or Google image link that plays important roles, including resizing images and changing their type and background.


As we know, blogger images are usually hosted in special servers starting with


4.bp.blogspot.com/-

Place number 4 comes other numbers, and recently, Blogger has started hosting images in new servers such as lh3.googleusercontent.com, so the method that I will explain applies to all the walls that are hosted on Google servers.


How can these codes be used:


- You can either manually modify it in the images of the blog's logo, for example, or images of icons ...


-

Or use it in loadlazy or modify images before loading with JavaScript





Here are the most important of these shortcuts: We will work on this link and all the shortcuts we put in place of codehere


https://1.bp.blogspot.com/-vKBdwOoy5sg/X-ZjECYJkpI/AAAAAAAABvg/GTixjO9PQD0zTnlaZGAvJvK0VDCHtpJkwCLcBGAsYHQ/s500/flowers.jpg



l-

Changing the image size automatically we use s1600 in this case the length is reduced relative to the width other than 1600 with any number Example:

 https://1.bp.blogspot.com/-vKBdwOoy5sg/X-ZjECYJkpI/AAAAAAAABvg/GTixjO9PQD0zTnlaZGAvJvK0VDCHtpJkwCLcBGAsYHQ/s500/flowers.jpg



2-

The previous process determines the length of the image based on its width, and in order to determine the width based on the length, we use the following code w520, for example

Example :

 https://1.bp.blogspot.com/-vKBdwOoy5sg/X-ZjECYJkpI/AAAAAAAABvg/GTixjO9PQD0zTnlaZGAvJvK0VDCHtpJkwCLcBGAsYHQ/w520/flowers.jpg



3- We can also specify the length and width accurately using the code w420-

h420 and this code scales the image, and some times it doesn't work or just works the first code

For example:

https://1.bp.blogspot.com/-vKBdwOoy5sg/X-ZjECYJkpI/AAAAAAAABvg/GTixjO9PQD0zTnlaZGAvJvK0VDCHtpJkwCLcBGAsYHQ/h500-w500/flowers.jpg



4- Determining the length and height with cutting the image we use

Example :

   https://1.bp.blogspot.com/-vKBdwOoy5sg/X-

ZjECYJkpI/AAAAAAAAABvg/GTixjO9PQD0zTnlaZGAvJvK0VDCHtpJkwCLcBGAsYHQ/h500-w500-c/flowers.jpg


5- To make the image link downloadable, we add -d

Example :

https://1.bp.blogspot.com/-vKBdwOoy5sg/X-ZjECYJkpI/AAAAAAAABvg/GTixjO9PQD0zTnlaZGAvJvK0VDCHtpJkwCLcBGAsYHQ/h500-w500-d/flowers.jpg



6-

Add a frame to the image we add b50 and 50 is the width of the frame in pixels, and to change the color of the frame we use c0x673ab7 with the change of 673ab7 with the color code

Example


  https://1.bp.blogspot.com/-vKBdwOoy5sg/X-ZjECYJkpI/AAAAAAAABvg/GTixjO9PQD0zTnlaZGAvJvK0VDCHtpJkwCLcBGAsYHQ/h500-b50-c0x673ab7/flowers.jpg



7- To make the images rounded we use -cc

Example :


  https://1.bp.blogspot.com/-vKBdwOoy5sg/X-

ZjECYJkpI/AAAAAAAABvg/GTixjO9PQD0zTnlaZGAvJvK0VDCHtpJkwCLcBGAsYHQ/h500-b50-cc/flowers.jpg



8 - Convert images to webp We use -rw This command is very useful for compressing images

Example :



  https://1.bp.blogspot.com/-vKBdwOoy5sg/X-ZjECYJkpI/AAAAAAAABvg/GTixjO9PQD0zTnlaZGAvJvK0VDCHtpJkwCLcBGAsYHQ/h500--rw/flowers.jpg



9- Change the background of the image if it is transparent we use -rj-

c0xffffff

Example :

https://1.bp.blogspot.com/-AvThqY6HpAs/X-jCWAmvVgI/AAAAAAAABv4/QFFP9xTsTTMwZr__vw_H1GPfX9g_zEvqQCLcBGAsYHQ/s400-rj-c0xffffff/google.png



10- Cropping the image we use -c, the image is cut in relation to the length and width

Example



https://1.bp.blogspot.com/-jOw-8C2dgOQ/X-jGvOADqXI/AAAAAAAABwU/9bcPnOY1ChcifekEC2SKLZFp9HikqjALQCLcBGAsYHQ/s1620-

c/women%2B%25282%2529.jpg





11- Cutting pictures with faces we use -pp This method works in a smart way so that you cut the picture in proportion to the person's face in the picture, the method before it cuts the picture from anywhere you find suitable



Example :



https://1.bp.blogspot.com/-jOw-8C2dgOQ/X-jGvOADqXI/AAAAAAAABwU/9bcPnOY1ChcifekEC2SKLZFp9HikqjALQCLcBGAsYHQ/s1620-

pp/women%2B%25282%2529.jpg





12 - Compress images Use -l100 and change the value of 100 as a percentage of image quality

Example  :

https://1.bp.blogspot.com/-jOw-8C2dgOQ/X-jGvOADqXI/AAAAAAAABwU/9bcPnOY1ChcifekEC2SKLZFp9HikqjALQCLcBGAsYHQ/s1620-l10/women%2B%25282%2529.jpg






Note: One parameter can be used, and more than one parameter can be used by separating them by -

Example :


https://1.bp.blogspot.com/-jOw-8C2dgOQ/X-jGvOADqXI/AAAAAAAABwU/9bcPnOY1ChcifekEC2SKLZFp9HikqjALQCLcBGAsYHQ/s600-l10-cc/women%2B%25282%2529.




I have collected important shortcuts for you and there are many of them, you can find more of them here

https://stackoverflow.com/questions/25148567/list-of-all-the-app-engine-images-service-get-serving-url-uri-

options

Previous Post Next Post