PNG file format is the Example of vector Image

 You know that you have JPEG, PNG, GIF, and many more types of images We wonder why we need all these formats Here we have formats in many ways. Each format has a unique function Now let's see what they are and how they work.

Let us first divide these images into two

Raster images and Vector images These raster images are as simple as our photo which has many pixels and all such pixels together form one photo, But the problem is that when the image is enlarged, it blurs and does not look right. But we do not have any such problem in vector files What happens to us in the vector is not the actual image, for example, we can even say the formula.

Saying with your computer where you want it should stay where it wants to be, No matter how big, no matter how small, the quality will not be damaged.

There are many types of this too.

For example, JPEG in a raster image is a compressed image which means size should be small and quality should also be good. Here we are compressing the loose and compressing the actual image and showing the quality is a bit lost Joint Photo Graphic export group This is a common photo format On the Internet we have almost all images in this format.

Now there is a gif format in this format we cannot be used more colors and only certain colors can be used If we want to print in gif format it is not possible for us because in print we need many different colors In the present circumstances gif has become a laughing stock Once you type gif in google and see many types of funny images appear.

PNG:

Next, we have PNG format which means portable network image It is a combination of jpeg and gif It also has a lot of colors and transparency The sharp edges and quality are also very good But the problem is that the file size is large normal png is not in use App, and web developers use png and vector images.

Tiff:

Tagged Image File Format uncompressed image format It has a very large file size which is mostly used by professionals to maintain the quality of the work they do.

EPS:

Encapsulated PostScript It is combined in the vector This format is mostly used by graphic and UI, UX designers The vector software categories include Illustrator, Coreldraw, Adobe XD and other software. 

PNG file format is the Example of a vector image, What is  Vector and Raster Images?

The vector has a mathematical equation such as circle, triangle, rectangle, lines, cube. This is not the case with Raster Graphics, which is a pixel-based image png format is mostly used by web and App Developers because they need a variety of icons They are also small, they use png format so it should be clearly visible when small The quality of png is good, and the color is not even shaded so png is used There is better quality than raster.

Best free UI Animation Tools for 2020

 Hello, friends today we will find out what are the best free animation tools 2020 for applications in websites and their names I think you have never heard these names before. 

1) Draftium

Turbo prototyping tool for websites This tool is a great tool not only for prototyping and animations it also for reviewing and collaboration and allows you to put pickup blogs and animations in your designs Once we see how it is work a very simple process. you will have a button on the right side called create website click it. You first need to create a website, It is a mobile app or mobile web app.

2) Spiritapp

This tool looks a bit like after effects You will know if you have used after effects before. This is a completely free tool It can also be exported to the web after animation After installing it will be added in the browser. You will see the icon in the right corner of the browser That icon is in the shape of a ghost Clicking on that icon will open it The best option is to animate your website elements live and save it in your web documents in a JSON file.

3) Google Web Designer

All kinds of websites web-based animation advertisements UI animations Simply call it UI animation tool or web animation tool.

4) Prototyp

This tool is good for those who already know the code It's based on Framer.Js The buttons can be animated very well and the animation is also very smooth. After animating it, you can export the code in javascript or coffee-script also. 

5) Zurb - Motion UI

This is a great website for those of you who are looking for a code-based animation UI kit

6) Stylie 

On this website, we can move objects from one place to another. Or the size can be made larger or smaller It also has the facility to change the animation motion, It has the facility to export the animated file in CSS or HTML

How to add Blogger and Wordpress site in Google Console

  Let's learn how to submit a blogger and WordPress site in your google search console, I will also tell you how to submit a word press site in your google search console Go to google home page and type google search console Select the first link and open it Then the start now button appears on the screen. Click the button Select Property Type When clicked you will get the dashboard has a button called to add a property in the left side corner. Click on that button. 

When you click on it, a popup will open which says Domain and URL prefix You select the URL prefix and enter your website URL in it. Then you will get Ownership auto verified. Click on the go-to property button below.  If you not get an auto verified message on the popup, you will get a code. Copy that code and go to your blogger and click edit HTML in the theme option and paste that code under the header If it does not auto verify then do the above, Your website will be added to the google console. 

Submit the WordPress site in google console 

Let's learn how to make a WordPress website in a similar way 

Go to <plugins> on WordPress site and click <add new> new screen opens Search for Yoast in the search bar Yoast SEO plugin appears click to <Install now>. 

Activate after installing, click on <SEO> button on the left side after activating Select <General> After clicking on the General button, there is a Webmaster Tools option at the top Click <webmaster tools> Now copy your website URL and go to google console and paste your website URL in add property Now copy your website URL and go to google console and paste your website URL in URL Prefix in add property and press continue button. 

This will open a popup where you can click on the HTML Tag and copy the code Again you go to the website and paste in the box called 3rd option google verification code in the Yoast plugin After pasting, click the save changes button Go to google console again and click on verify button. You will get an ownership verification screen.

How to Remove the Website in Google Console.

If you want to delete your website from google console Select the website you want to delete and click on the Settings option on the bottom left, click on the Settings button and you will get Remove Property Clicking on remove property will remove your website from the google console.

How to Generate Blogger XML Sitemap

Go to google and type blogger sitemap You will first find this link in the search results www.labnol.org Click on this link and open it. After scrolling through the website, you will see Generate Sitemap Add your website URL and click the generate sitemap button.

The important thing is that before creating a sitemap you must have posts and pages in your blogger and then you need to create a sitemap.

Below you will find the sitemap Copy your sitemap and go to blogger and click on the search preferences option, There is a custom robots txt option in crawlers and indexing paste your sitemap there.

Then you go to the google console and select your website in the top corner and click the sitemap button in the middle of the left side add a new sitemap, just type sitemap.xml and click the submit button

 After clicking the button, you will get the message sitemap submitted successfully Click the got it button, sitemap Success takes 2, 3 minutes, wait a bit and then refresh browser then you will get success.

How to add XML sitemap in WordPress

Now let us know how to create a WordPress website XML sitemap If you have already installed the Yoast plugin it will be generated automatically Some changes in it definitely need to be made

The WordPress site has an SEO tab on the left side which says search appearance click it Above is the option called Taxonomies click on it.

Click on the categories <No>

Below that is the tags where also click <No>.

The last one is called formats and click on <Disabled>.

Then go to the archives option and click on <Disabled> in the author archives settings.

Before that, you enter your website URL into the browser and slash sitemap.xml  Click on and you will get the details on the screen. Because of the settings you made in yoast then there are only two options Only post and pages -sitemap.xml is visible.

Copy only the words sitemap index XML in the browser and go to sitemaps in google console and click. Paste the sitemap you copied their sitemap submitted successfully click got it.

Now let's learn how to create an HTML sitemap in blogger For this you need to add a code link you will see below Copy the entire code and go to the new page   option in blogger and copy it on the page give me page title sitemap On the right side there are some options in which click on comments do <not allow> and click on Done Add your website name in the URL below in the copied code

Sitemap Code Link Here

This way you can add your blogger and WordPress websites to your google console and create an XML site map

Yoast plugin installer in WordPress will make your website more visible in google search engine which is a very good plugin for WordPress website everyone is using this plugin now

How to Rank your Site on Google Search

 How to Rank your Site on Google Search Do you use a blogger or WordPress site ?? Are you in confusion about how to get your website ranked in your google search So you should definitely read this article, On-page SEO also did keyword placement and wrote some good articles but your article is not coming in google search?

                                                                              There are some points to rank on your website google If you do not keep those points in mind Google will not do that. It will do its job properly. It is a good idea to use long-tail keywords to rank your website if you have a problem with your post change the post title.

Another thing is that Google ads should not appear more than your article If you write the article shortly and the ads are high it will be negative Do you ever do that. It is best if the article you write is between 1000 words to 2000 words.

It doesn't matter if you already have ads on your website, Google Adsense account approval will be easier if you do not have an Adsense account It is a good idea to correct the article grammar once you have written the article Spelling mistakes can change the meaning of letters It is better to correct yourself once Google's algorithm quickly detects this error Then find out who your competitors are and see how long they have written the article.

Points that are not in your competitor's articles are better if you write a little better in your article And the images in the article are very good if they are related to what you wrote It is advisable to put the alt tag and title correctly in the images If you want to add the video you can

The important thing is that the information in the article you write should be good Your site visitor should be able to learn something new Then they will remember the name of your website.

Keywords
Keyword stuffing can be used in event blogging but not on normal site It is good to have 1 keyword in the article you are writing. More than that is not good If the article is too large, 2 keywords may be used